.vh-banner {
    position: relative;
    background: $beta;
    overflow: hidden;
    z-index: 1;
    &::before {
        content: '';
        position: absolute;
        width: 50%;
        background: $secondary;
        height: 450px;
        bottom: -450px;
        left: 0;
        transform: skewY(25deg);
        transform-origin: right top;
        z-index: -1;
    }
    &::after {
        content: '';
        position: absolute;
        width: 50%;
        background: $secondary;
        height: 450px;
        bottom: -450px;
        right: 0;
        transform: skewY(-25deg);
        transform-origin: left top;
        z-index: -1;
    }
    &__content {
        padding-top: 90px;
    }
    
}