@charset "UTF-8";
/* snippet-row-parallax-half START */
#snippet-row-parallax-half {
    .half-parallax {
        background: url("/public/images/banner.jpg") no-repeat center right /
            cover;
        /* background-attachment: scroll !important; */
        background-attachment: fixed; /* This creates the parallax effect */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .half-parallax::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: var(--bs-gray-500);
    }
}

/* snippet-row-parallax-half END */