.ts-slideshow-container {
    position: relative;

    .ts-slideshow-image-covor {
        position: absolute;
        top: 0;
    }
    .ts-slideshow-image-wrapper {
        animation-duration: 2s;
        animation-fill-mode: forwards;
        position: absolute;
        top: 0; left: 50%;
        /* transform: translateX(-50%); */

        img {
            object-fit: cover;
            height: 100%; width: 100%;
        }
    }
    .ts-slideshow-image-wrapper.slideshow-image-visible {
        /* opacity: 1; */
        animation-name: ts-slideshow-fade-in;
    }
    .ts-slideshow-image-wrapper:not(.slideshow-image-visible) {
        /* opacity: 0; */
        animation-name: ts-slideshow-fade-out;
    }
}

@keyframes ts-slideshow-fade-in {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100%{
        opacity: 1;
    }
}
@keyframes ts-slideshow-fade-out {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}