.designElementYellow {
    background: url(../img/new/shapes/yellow-arrow-up.svg) no-repeat;
    background-size: 1186px;
    background-position: -622px -738px;
    position: absolute;
    height: 1000px;
    max-width: 100%;
    width: 1000px;
    top: 0;
    left: 0;
    z-index: 0;
}

.searchProjectsPage .designElementOrange {
    background: url(../img/new/shapes/orange-arrow-right.svg) no-repeat;
    /* transform: scaleX(-1); */
    background-size: 1000px;
    background-position: 660px 0px;
    position: absolute;
    height: 1028px;
    width: 1000px;
    top: 93px;
    right: 0;
}


.designElementGreen {
   background: url(../img/new/shapes/green-drop.svg) no-repeat;
    background-size: 430px;
    background-position: 0px 0px;
    position: absolute;
    height: 622px;
    width: 602px;
    top: 16px;
    right: 0;
    z-index: 0;
    transform: rotate(23deg) translate(271px, 44px);
}

/* Extra styles for z-indexing of other elements */
#topBanner {
    z-index: 1;
    position: relative;
}


@media screen and (max-width: 768px) {
    .designElementYellow {
        width: 300px;
        background-size: 1007px;
    }

    .designElementGreen {
        background-size: 268px;
        transform: rotate(0deg) translate(349px, 473px);
    }

}