.pattern-waves {
    background-image: url('../images/svg-patterns/textured-bg-7.svg');
    background-size: 50%;
}

[class*='pattern-'] > div {
    position: relative;
    z-index: 1;
}

[class*='pattern-'] {
    position: relative;
}

[class*='pattern-']:before {
    content: '';
    position: absolute;
    top: 0%;
    left: 0;
    height: 100%;
    width: 10%;
    background-position: -1em 25%;
    background-size: contain;
}

[class*='pattern-']:after {
    content: '';
    z-index: 0;
    position: absolute;
    top: 0%;
    right: 0;
    width: 10%;
    height: 100%;
    background-position: -1em 25%;
    background-size: contain;
    transform: scaleX(-1);
}

.pattern-pebbles:before,
.pattern-pebbles:after {
    background: url('../images/svg-patterns/Pattern_rocks.svg') repeat-y;
}

.pattern-zebra:before,
.pattern-zebra:after {
    background: url('../images/svg-patterns/Pattern_zebra.svg') repeat-y;
}

.pattern-turtle:before,
.pattern-turtle:after {
    background: url('../images/svg-patterns/Pattern_turtle.svg') repeat-y;
}

.pattern-cheetah {
    position: relative;
}

.pattern-cheetah:before,
.pattern-cheetah:after {
    background: url('../images/svg-patterns/Pattern_cheetah.svg') repeat-y;
}

.pattern-coral {
    position: relative;
}

.pattern-coral:before,
.pattern-coral:after {
    background: url('../images/svg-patterns/Pattern_coral.svg') repeat-y;
}

.pattern-helix {
    position: relative;
}

.pattern-helix:before,
.pattern-helix:after {
    background: url('../images/svg-patterns/Pattern_helix.svg') repeat-y;
}

.pattern-plants {
    position: relative;
}

.pattern-plants:before,
.pattern-plants:after {
    background: url('../images/svg-patterns/Pattern_plants.svg') repeat-y;
}

.pattern-bamboo:before, .pattern-bamboo:after {
    background: url('../images/svg-patterns/Pattern_bamboo.svg') repeat-y;
}

.pattern-floral {
    position: relative;
}

.pattern-floral:before {
    width: 15%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url('../images/svg-patterns/plant_left_0.svg');
}

.pattern-floral:after {
    width: 15%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    transform: scaleX(1) !important;
    background: url('../images/svg-patterns/plant_right_0.svg');
}



@media (max-width: 961px) {
    [class*='pattern-']:before,
    [class*='pattern-']:after {
        width: 25% !important;
    }

    .pattern-floral:before,
    .pattern-floral:after {
        display: none;
    }
}