.slideshow {
    width: 480px;
    height: 480px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
@media (max-width: 590px) {
    .slideshow {
        width: 370px;
        height: 370px;
    }
}
@media (max-width:490px) {
    .slideshow {
        width: 315px;
        height: 315px;
    }
}
@media (max-width:410px) {
    .slideshow {
        width: 260px;
        height: 260px;
    }
}
.slideshow-item {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    animation: slideanim 190s infinite;
    pointer-events: none;
}
.slideshow-item:nth-child(1),
.slideshow-item:nth-child(1) img {
    animation-delay: 0s;
}
.slideshow-item:nth-child(2),
.slideshow-item:nth-child(2) img {
    animation-delay: 10s;
}
.slideshow-item:nth-child(3),
.slideshow-item:nth-child(3) img {
    animation-delay: 20s;
}
.slideshow-item:nth-child(4),
.slideshow-item:nth-child(4) img {
    animation-delay: 30s;
}
.slideshow-item:nth-child(5),
.slideshow-item:nth-child(5) img {
    animation-delay: 40s;
}
.slideshow-item:nth-child(6),
.slideshow-item:nth-child(6) img {
    animation-delay: 50s;
}
.slideshow-item:nth-child(7),
.slideshow-item:nth-child(7) img {
    animation-delay: 60s;
}
.slideshow-item:nth-child(8),
.slideshow-item:nth-child(8) img {
    animation-delay: 70s;
}
.slideshow-item:nth-child(9),
.slideshow-item:nth-child(9) img {
    animation-delay: 80s;
}
.slideshow-item:nth-child(10),
.slideshow-item:nth-child(10) img {
    animation-delay: 90s;
}
.slideshow-item:nth-child(11),
.slideshow-item:nth-child(11) img {
    animation-delay: 100s;
}
.slideshow-item:nth-child(12),
.slideshow-item:nth-child(12) img {
    animation-delay: 110s;
}
.slideshow-item:nth-child(13),
.slideshow-item:nth-child(13) img {
    animation-delay: 120s;
}
.slideshow-item:nth-child(14),
.slideshow-item:nth-child(14) img {
    animation-delay: 130s;
}
.slideshow-item:nth-child(15),
.slideshow-item:nth-child(15) img {
    animation-delay: 140s;
}
.slideshow-item:nth-child(16),
.slideshow-item:nth-child(16) img {
    animation-delay: 150s;
}
.slideshow-item:nth-child(17),
.slideshow-item:nth-child(17) img {
    animation-delay: 160s;
}
.slideshow-item:nth-child(18),
.slideshow-item:nth-child(18) img {
    animation-delay: 170s;
}
.slideshow-item:nth-child(19),
.slideshow-item:nth-child(19) img {
    animation-delay: 180s;
}
.slideshow-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: zoom 190s infinite;
}
@keyframes slideanim {
    2.63%{
        opacity: 1;
        pointer-events: auto;
    }
    5.26%{
        opacity: 1;
        pointer-events: auto;
    }    
    7.89%{
        opacity: 0;
    }
}
@keyframes zoom {
    10.53%{
        transform: scale(1.3);
    }    
}