.hero-container {
    min-height: 850px;
    height: calc(100vh - 52px);

    .bg-img {
        background-image: url('/imgs/assets/gallery/kiss_pic_1_mobile.jpg');
        height: 60%;
        width: 100%;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }
}

@media(min-width: 992px) {
    .hero-container {
        position: relative;
        height: 87.5vh;

        .bg-img {
            border-top-right-radius: 0;
            border-bottom-left-radius: 25px;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 1;
            height: 100%;
            width: 44%;
            background-image: url('/imgs/assets/gallery/kiss_pic_1_crop.jpg');
        }
    }
}

.play-circle-wrapper i {
    transition: all .3s ease;
}

.play-circle-wrapper:hover i {
    color: var(--brand-1) !important; 
}