.is-style-separator-border-image-left .wp-block-media-text__content, 
.is-style-separator-border-image-right .wp-block-media-text__content {
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (min-width: 768px) {

  /* RIGHT IMAGE */

  .is-style-separator-border-image-right .wp-block-media-text__content {
    padding-left: 12%;
    padding-right: 0;
  }
  .is-style-separator-border-image-right .wp-block-media-text__content:before {
    overflow-y: hidden !important;
    content: '';
    transform: skew(7deg);
    background-color: #EEB310;
    left: 93%;
    z-index: 2;
    width: 20%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    border-right: 10px solid white;
  }

  /* LEFT IMAGE */

  .is-style-separator-border-image-left .wp-block-media-text__content {
    padding-right: 8%;
    padding-left: 0;
  }
  .is-style-separator-border-image-left .wp-block-media-text__content:before {
    overflow-y: hidden !important;
    content: '';
    transform: skew(7deg);
    background-color: #EEB310;
    left: -8%;
    z-index: 2;
    width: 20%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    border-left: 10px solid white;
  }
}

@media (max-width: 767px) {
  .is-style-separator-border-image-right.wp-block-media-text.is-stacked-on-mobile,
  .is-style-separator-border-image-left.wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100% !important;
  }
  .is-style-separator-border-image-right.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media, 
  .is-style-separator-border-image-left.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }
  .is-style-separator-border-image-right.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content, 
  .is-style-separator-border-image-left.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
  }
}

