/** Skew background **/

.skewBackground {
    position: relative;
    height: 600px;
    margin-top: 200px;
    margin-bottom: 300px;
}

.skewBackground .background {
    opacity: 0.5;
    position: absolute;
    top: 50%;
    left: -50%;
    width: 200%;
    height: 800px;
    margin-top: -400px;
    background: #fcf9f5 url(./../../images/chapter-rectangle.png) center center no-repeat;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    z-index: -1;
}


@media (max-width: 767px) {
    .skewBackground {
        width: 100vw;
        overflow: hidden;
        margin-top: 50px;
        margin-bottom: 50px;
        height: auto;
    }
    .skewBackground .background {
        width: 100%;
        left: 0;
    }

    .skewBackground .container .wp-block-column {
        display: flex;
        justify-content: center;
    }

}