magdakok / easybank Goto Github PK

.header {
    background-color: $color-gray-light;
    background-image: url(../img/bg-intro-desktop.svg);
    background-repeat: no-repeat;
    background-position: 240% 60%;
    background-size: 82%;
    overflow-x: hidden;
    position: relative;

    @media only screen and (max-width: 62.5em) {
        background-position: 262% 28%;
    }
    @media only screen and (max-width: 50em) {
        background-image: none;
        &::before {
            content: url(../img/bg-intro-mobile.svg);
            display: block;
            position: absolute;
            width: 100vw;
        }
    }