.wp-block-group.is-style-brand-pattern {
  position: relative;
  overflow: hidden;
}
.wp-block-group.is-style-brand-pattern * {
  z-index: 2;
}
.wp-block-group.is-style-brand-pattern:before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: url("../../images/graphics/graphic-top-bottom.svg");
}

.wp-block-group.is-style-brand-pattern-sides,
.wp-block-group.is-style-brand-pattern-sides-2,
.wp-block-group.is-style-brand-pattern-sides-3 {
  position: relative;
}
.wp-block-group.is-style-brand-pattern-sides *,
.wp-block-group.is-style-brand-pattern-sides-2 *,
.wp-block-group.is-style-brand-pattern-sides-3 * {
  z-index: 2;
}
.wp-block-group.is-style-brand-pattern-sides:before,
.wp-block-group.is-style-brand-pattern-sides:after,
.wp-block-group.is-style-brand-pattern-sides-2:before,
.wp-block-group.is-style-brand-pattern-sides-2:after,
.wp-block-group.is-style-brand-pattern-sides-3:before,
.wp-block-group.is-style-brand-pattern-sides-3:after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70%;
  z-index: 1;
}
.wp-block-group.is-style-brand-pattern-sides-3:before,
.wp-block-group.is-style-brand-pattern-sides-3:after {
  height: 100%;
}
.wp-block-group.is-style-brand-pattern-sides:before {
  background-position: bottom left;
  background-image: url("../../images/graphics/bottomGraphicLeft.svg");
}
.wp-block-group.is-style-brand-pattern-sides:after {
  background-position: bottom right;
  background-image: url("../../images/graphics/bottomGraphicRight.svg");
}
.wp-block-group.is-style-brand-pattern-sides-2:after {
  background-position: bottom right;
  background-image: url("../../images/graphics/bottomGraphicRight-2.svg");
}
.wp-block-group.is-style-brand-pattern-sides-2:before {
  background-position: top left;
  background-image: url("../../images/graphics/bottomGraphicLeft-2.svg");
  bottom: inherit;
  top: 0;
}
.wp-block-group.is-style-brand-pattern-sides-3:before {
  background-position: bottom left;
  background-image: url("../../images/graphics/leftGraphics-3.svg");
}
.wp-block-group.is-style-brand-pattern-sides-3:after {
  background-position: bottom right;
  background-image: url("../../images/graphics/rightGraphic-3.svg");
}

@media screen and (max-width: 767px) {
  .wp-block-group.is-style-brand-pattern:before,
  .wp-block-group.is-style-brand-pattern-sides:before,
  .wp-block-group.is-style-brand-pattern-sides:after,
  .wp-block-group.is-style-brand-pattern-sides-2:before,
  .wp-block-group.is-style-brand-pattern-sides-2:after,
  .wp-block-group.is-style-brand-pattern-sides-3:before,
  .wp-block-group.is-style-brand-pattern-sides-3:after {
    display: none;
  }
}