.ds9__header-img--logo {
    height: 300px;
    width: 100%;
}


@media (min-width: 768px) {
    .ds9__header-content-4 {
        position: absolute;
        top: -40vh;
        left :calc((-1.28) * (426) * var(--headerImgRatio));
        transform : translateX(-100%);
    }
}


/* Mobile */
@media (max-width: 480px) {
    .ds9__header-content-4 {
        position: absolute;
        top: 58vh;
        left : -20vw;
    } 

    .ds9__header-img--logo {
        height: 120px;
    }
}
/* Tablet Portrait */
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .ds9__page .ds9__header-content-2 {
        top: 15vh;
    }

    .ds9__page .ds9__header-content-3 {
        left: 0;
        transform: translateX(-10%);
    }

    .ds9__header-content-4 {
        top: 24vh;
        left: 24vw;
        transform: translateX(0px);
    }

    .ds9__header-img--logo {
        height: 180px;
    }
}
/* Tablet Landscape */
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .ds9__header-img--logo {
        height: 200px;
    }


    .ds9__header-content-4 {
        top: -30vh;
        left :calc((-0.78) * (426) * var(--headerImgRatio));
    }
}