.banner {
    position: relative;
    width: 100%;
    height: 1rem;
    background-size: contain;
    background-repeat: repeat-x;
    z-index: 50;
}

.banner_bg-1 {background-image: url('../../media/patterns/pattern-1.svg');}
.banner_bg-2 {background-image: url('../../media/patterns/pattern-2.svg');}
.banner_bg-3 {background-image: url('../../media/patterns/pattern-3.svg');}
.banner_bg-4 {background-image: url('../../media/patterns/pattern-4.svg');}
.banner_bg-5 {background-image: url('../../media/patterns/pattern-5.svg');}
.banner_bg-6 {background-image: url('../../media/patterns/pattern-6.svg');}
.banner_bg-7 {background-image: url('../../media/patterns/pattern-7.svg');}