.vh-hero {
    background-image: url(../img/hero-bg.png);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    &__content {
        padding-top: 60px;
        padding-bottom: 60px;
        @include md-screen {
            padding-top: 100px;
            padding-bottom: 100px;
        }
        @include lg-screen {
            padding-top: 160px;
            padding-bottom: 260px;
        }
        @include xl-screen {
            padding-top: 160px;
            padding-bottom: 260px;
        }
        &-title {
            font-size: 38px;
            color: $white;
            @include md-screen {
                font-size: 60px;
            }
            @include xxl-screen {
                font-size: 80px;
            }
        }
        &-text {
            color: $white;
            @include xl-screen {
                max-width: 40ch;
            }
        }
        &-img {
            @include xxl-screen {
                max-width: 790px;
            }
        }
    }
    &-alt {
        background: url(../img/dot-bg.png) center center no-repeat, $gamma;
        background-size: cover;
        &__content {
            padding-top: 90px;
            position: relative;
            overflow: hidden;
            z-index: 1;
            &::before {
                content: '';
                width: 50%;
                height: 400px;
                position: absolute;
                bottom: -400px;
                left: 0;
                background: $secondary;
                transform: skewY(20deg);
                transform-origin: right top;
                z-index: -1;
            }
            &::after {
                content: '';
                width: 50%;
                height: 400px;
                position: absolute;
                bottom: -400px;
                right: 0;
                background: $secondary;
                transform: skewY(-20deg);
                transform-origin: left top;
                z-index: -1;
            }
        }
    }
}