.horizontal-scroll-container {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    width: 100%; 
    height: 120vh;
    align-items: center;
}


.horizontal-scroll-container::-webkit-scrollbar {
    display: none; 
}

.horizontal-scroll-h3 {
    flex: 0 0 100%; 
    justify-content: center;
    display: flex;
    align-items: center;
    height: 40vh;
    opacity: 0;
    transition: opacity 0.5s;
    will-change: transform;
}

.horizontal-scroll-h3:first-child {
    opacity: 1;
}



@media screen and (min-width: 1921px) {
    .inside-header, .main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
        max-width: 100%;
        margin-left: 20rem;
        margin-right: 20rem;
    }
    .horizontal-scroll-container {
        margin-left: 7.5rem;
        margin-right: 7.5rem;
    }
}