.fade-slider {
    position: relative;
    width: 100%;
    max-width: 560px;
    aspect-ratio: 560 / 400; /* Авто-пропорции 4:3 */
    margin: 20px auto;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
    background-color: #000;
    flex: 0 0 560px; /* Для десктопной сетки tours-container */
}

.fade-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    animation: fade-animation 30s infinite;
}

/* Задержки анимации */
.img-1 { animation-delay: 0s; }
.img-2 { animation-delay: 5s; }
.img-3 { animation-delay: 10s; }
.img-4 { animation-delay: 15s; }
.img-5 { animation-delay: 20s; }
.img-6 { animation-delay: 25s; }

@keyframes fade-animation {
    0%   { opacity: 0; }
    5%   { opacity: 1; }  /* Быстрое появление */
    20%  { opacity: 1; }  /* Удержание */
    25%  { opacity: 0; }  /* Исчезновение */
    100% { opacity: 0; }
}
@media screen and (max-width: 768px) {
    .fade-slider {
        flex: none; /* Сбрасываем flex-базис 500px */
        width: 100%;
    }
}