.jarallax {
        position: relative;
        z-index: 0;
        height: 350px;
        /* height: min(75vh, 620px);
        max-height: 520px;
        min-height: 420px; */
    }

   .img-overlay-wrap {
        position: relative;
        display: block;
        overflow: hidden;
    }
    .img-overlay-wrap::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
            to bottom,
            rgba(8, 58, 90, 0.25) 0%,
            rgba(8, 58, 90, 0.55) 50%,
            rgba(8, 58, 90, 0.88) 80%,
            #083a5a 100%
        );
        pointer-events: none;
        z-index: 1;
        }
        /* Solid / stronger variant */
        .img-overlay-wrap--solid::after {
        background: rgba(8, 58, 90, 0.75);
    }