.sto-slide-in-out-homepage-banner-1.sto-banner-fixed {
    position: fixed;
    width: 100%;
    z-index: 1000;
    left: 0;
    transition: top 1.5s ease, opacity 1.5s ease; /* Smooth transition for both top and opacity */
}

.sto-slide-in-out-homepage-banner-1 {
    position: absolute; /* Ensure banners can overlap */
    width: 100%;
    left: 0;
    transition: opacity 1.5s ease, top 1.5s ease; /* Ensure smooth transition for opacity and top */
}

.sto-slide-in-out-homepage-banner-2 {
    position: absolute; /* Ensure banners can overlap */
    width: 100%;
    left: 0;
    opacity: 0; /* Initially hidden */
    transition: opacity 1.5s ease; /* Smooth transition for opacity */
}

.sto-banner-space {
    margin-top: 200px; /* Space to add above banner2 after banner1 fades out */
}