/* @media (max-width: 1024px) and (hover: none){ */
@media (max-width: 50em){
    .bg-img {
        height: calc(var(--vh) * 82);
    }

    @media (min-aspect-ratio: 1/1){

        .bg-img {
            height: 120vw;
        }
        /* @media (max-width: 30em){
            .bg-img {
                height: 120vw;
            }
        } */
    }

    /* DISABLE CAROUSEL CONTROLS */
    #projectCarousel {
        touch-action: pan-x;
        overscroll-behavior: contain;
        overflow: hidden;
    }
}