.case-history-row {
    padding: 10rem 3rem;
    margin: -4rem 0;
    position: relative;
    z-index: 2;
}

.case-history-row .bg {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    opacity: .4;
    filter: grayscale(100%);
    background-repeat: no-repeat;
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 90%);
}
.case-history-row .bgcolor {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -3;
    background-color: #000;;
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 90%);
}

.case-history-row .mask {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    padding: 0 0 0 10vw;
    background-clip: content-box;
    background-repeat: no-repeat;
    clip-path: polygon(0 -10%, 50% 50%, 50% 50%, 0 110%);
}

@media (max-width: 991px) {
}

@media (min-width: 1440px) {
}