.background-image {
    background-image: url(https://demo.lapaktopup.com/assets/img/background-mid2.svg);
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-color: #fff;
}

.background-image.hide-repeating-bg {
    background-image: none
}

.background-image-top:before {
    content: "";
    background-image: url(/static/images/background-top.svg);
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 100% auto;
    width: 100%;
    height: 45vw;
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width: 320px) {
    .background-image-1111:before {
        width:100%;
        top: 45px
    }
}

@media (min-width: 375px) {
    .background-image-1111:before {
        width:100%;
        top: 55px
    }
}

@media (min-width: 768px) {
    .background-image-1111:before {
        width:100%;
        top: 55px
    }
}

@media (min-width: 1024px) {
    .background-image-1111:before {
        width:100%;
        top: 0
    }
}

@media (min-width: 1440px) {
    .background-image-1111:before {
        width:100%;
        top: -50px
    }
}

@media (min-width: 1920px) {
    .background-image-1111:before {
        width:100%;
        top: -150px
    }
}

@media (min-width: 2560px) {
    .background-image-1111:before {
        width:100%;
        top: -360px
    }
}

@media (min-width: 768px) {


    .background-image:before {
        height: 100vh
    }

}