.slider {
    position: relative;
    width: 100%;
    height: 75vh;
    overflow: hidden;
}

.slider img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    animation: slider-fade 40s infinite;
}

.slider img:nth-child(1) { animation-delay: 0s; }
.slider img:nth-child(2) { animation-delay: 5s; }
.slider img:nth-child(3) { animation-delay: 10s; }
.slider img:nth-child(4) { animation-delay: 15s; }
.slider img:nth-child(5) { animation-delay: 20s; }
.slider img:nth-child(6) { animation-delay: 25s; }
.slider img:nth-child(7) { animation-delay: 30s; }
.slider img:nth-child(8) { animation-delay: 35s; }

@keyframes slider-fade {
    0%    { opacity: 0; }
    2.5%  { opacity: 1; }
    12.5% { opacity: 1; }
    15%   { opacity: 0; }
    100%  { opacity: 0; }
}

@media (max-width: 768px) {
    .slider {
        height: 50vh;
    }
}