@media screen and (max-width: 1024px) {
    /* Full-screen slider */
.slider-frame {
    width: 100%;      /* Full browser width */
    height: 50vh;     /* Full browser height */
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* Track containing all images */
.slide-images {
    display: flex;
    width: 400%;
    height: 100%;
    animation: slide-animation 16s infinite ease-in-out;
}

/* Individual slides */
.slide-img {
    width: 25%;
    height: 100%;
    object-fit: cover; /* Fill screen while maintaining aspect ratio */
}

/* Animation */
@keyframes slide-animation {
    0%, 20% { transform: translateX(0%); }
    25%, 45% { transform: translateX(-25%); }
    50%, 70% { transform: translateX(-50%); }
    75%, 95% { transform: translateX(-75%); }
    100% { transform: translateX(0%); }
}
}