.bg {
        background-size: contain;
        background-position: 80% 0;
        background-repeat: no-repeat;
        background-clip: border-box;
    }

    .hero-section:after {
        content: ' ';
        /* background-image: linear-gradient(to bottom, #0654BD, #022c65); */
        position: absolute;
        top: -400px;
        right: 0;
        bottom: 0;
        z-index: -1;
        width: 100%;
        border-radius: 0;
        -webkit-transform: skewY(-3deg);
        transform: skewY(358deg);
    }