.photo-section, .photo-section1, .photo-section2, .photo-section3, .photo-section4, .photo-section5 {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 10% 100%;
    height: 28vh;
}

.photo-section1 {
    background-image: url('/img/banners/RR/r_recruitment_ltd_cover.jpg');
}

.photo-section2 {
    background-image: url('/img/banners/banner-1.jpg');
}

.photo-section3 {
    background-image: url('/img/banners/RR/Pic J.png');
    background-position: 50% 100% !important;
}

.photo-section4 {
    background-image: url('/img/banners/RR/Pic K.jpg');
    background-position: 50% 0% !important;
}

.photo-section5 {
    background-image: url('/img/banners/RR/pic5.jpg');
    /*background-position: 10% 25% !important;*/
}

.photo-section6 {
    background-image: url('/img/banners/RR/Pic H.png');
    background-color: rgba(0, 0, 0, 0.2);
    background-blend-mode: darken;
}

.photo-section6 h1 {
    filter: brightness(1.0);
}

/*.photo-section6:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    transition: all 0.8s;*/
/*    opacity: 0.5;*/
/*    background: #000;*/
/*    background-size: 100% 100%;*/
/*}*/
/*.photo-section6:hover:before {*/
/*    opacity: 0.8;*/
/*}*/

@media (min-width: 768px) {
    .photo-section, .photo-section1, .photo-section2 {
        height: 54vh !important;
        background-position: 0 100%;
    }
}

@media (max-width: 768px) {
    .photo-section, .photo-section1, .photo-section2 {
        height: 40vh !important;
        background-position: unset;
        background-size: contain;
    }

    .photo-section6 {
        height: 40vh !important;
        background-position: unset !important;
        background-size: auto 100vh;
    }

    .photo-section3 {
        height: 40vh !important;
        background-position: unset !important;
        background-size: cover;
    }

    .photo-section4 {
        height: 40vh !important;
        background-position: unset !important;
        background-size: contain;
    }

    .photo-section5 {
        height: 40vh !important;
        background-position: unset !important;
        background-size: contain;
    }
}
.photo-section h1 {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: white !important;
}