.slider { height: 90vh; min-height: 600px; }
    @media (max-width: 768px) { .slider { height: 70vh; min-height: 450px; } }
    .slide { display: none; height: 100%; width: 100%; }
    .slide.active { display: block; }
    .slide-bg { transition: transform 10s linear; }
    .slide.active .slide-bg { transform: scale(1); }
    .slide.active .slide-bg img { transform: scale(1); }
    .slide-content { height: 100%; display: flex; align-items: center; }