.wp-block-acf-leib-adam-angles-one {
  background: #fff;
  overflow: hidden;
}

.wp-block-acf-leib-adam-angles-one img {
  width: 100vw;
  object-fit: cover;
  height: 15.875rem;
  position: relative;
  inset-inline-start: -2rem;
}

.wp-block-acf-leib-adam-angles-one .desc > :first-child {
  margin-block-start: 0;
}

.wp-block-acf-leib-adam-angles-one .wp-block-column:not(:has(img)) {
  padding-block: 2rem;
  flex-basis: 100%;
}

@media only screen and (max-width: 781px) {
  .wp-block-acf-leib-adam-angles-one .wp-block-column.left-col-image {
    position: relative;
    height: 300px;
    width:100vw;
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .wp-block-acf-leib-adam-angles-one .wp-block-column.left-col-image .image-cont {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: skewY(-6deg);
    transform-origin: left;
    overflow: hidden;
  }
  .wp-block-acf-leib-adam-angles-one .wp-block-column.left-col-image .image-cont .image {
    width: calc(100% + 80px);
    height: 100%;
    background-size: cover;
    background-position: center;
    transform: skewY(6deg);
    transform-origin: left;

  }

  .wp-block-acf-leib-adam-angles-one .wp-block-column.right-col-image {
    position: relative;
    height: 300px;
    width:100vw;
    margin-left: -2rem;
    margin-right: -2rem;
    padding-bottom: 0;
  }

  .wp-block-acf-leib-adam-angles-one .wp-block-column.right-col-image .image-cont {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: skewY(-6deg);
    transform-origin: right;
    overflow: hidden;
  }
  .wp-block-acf-leib-adam-angles-one .wp-block-column.right-col-image .image-cont .image {
    height: 100%;
    background-size: inherit;
    background-position: 75% center;
    transform: skewY(6deg);
    transform-origin: right;
    left: -100px;

  }


}

@media only screen and (min-width: 782px) {
  .wp-block-acf-leib-adam-angles-one {
    position: relative;
  }

  .wp-block-acf-leib-adam-angles-one .wp-block-columns.is-layout-flex {
    gap: 0;
  }

  .wp-block-acf-leib-adam-angles-one .wp-block-column {
    min-height: 38.3125rem;
    min-height: 30rem;
    display: flex;
    align-items: center;
  }

  .wp-block-acf-leib-adam-angles-one .content {
    max-width: 30rem;
  }

  .wp-block-acf-leib-adam-angles-one.text-left .content {
     padding-left: 6rem;
  }

  .wp-block-acf-leib-adam-angles-one .wp-block-column.left-col-image {
    position: relative;
  }

  .wp-block-acf-leib-adam-angles-one .wp-block-column.left-col-image .image-cont {
    width: calc(50vw + 70px);
    height: 100%;
    position: absolute;
    right: 0;
    transform: skewX(-6deg);
    transform-origin: bottom right;
    overflow: hidden;
  }
  .wp-block-acf-leib-adam-angles-one .wp-block-column.left-col-image .image-cont .image {
    width: calc(100% + 100px);
    height: 100%;
    background-size: cover;
    background-position: center;
    transform: skewX(6deg);
    transform-origin: bottom right;

  }

  .wp-block-acf-leib-adam-angles-one .wp-block-column.right-col-image {
    position: relative;
  }

  .wp-block-acf-leib-adam-angles-one .wp-block-column.right-col-image .image-cont {
    width: calc(50vw + 100px);
    height: 100%;
    position: absolute;
    left: 0;
    transform: skewX(-6deg);
    transform-origin: bottom left;
    overflow: hidden;
  }
  .wp-block-acf-leib-adam-angles-one .wp-block-column.right-col-image .image-cont .image {
    width: calc(50vw + 100px);
    height: 100%;
    background-size: inherit;
    background-position:center;
    transform: skewX(6deg);
    transform-origin: bottom left;
    position: absolute;
    left: -100px;
  }

}

/*


@media only screen and (min-width: 782px) {
  .adam-right-skew {
    overflow: hidden;
  }

  .adam-right-skew .wp-block-cover {
      transform: skewX(-6deg);
      transform-origin: top;
      width: calc(50% + 100px) !important;
  }
  .adam-right-skew .wp-block-cover__inner-container {
      transform: skewX(6deg);
      transform-origin: top;
  }
  .adam-right-skew .wp-block-cover span {
    margin-left: 100px;
    width: 100%;
  }
  .adam-right-skew .wp-block-cover img{
    margin-left: 100px;
  }

  .adam-left-skew {
    overflow: hidden;
  }

  .adam-left-skew .wp-block-cover {
      transform: skewX(-6deg);
      transform-origin: top;
      width: calc(50% + 100px) !important;
  }
  .adam-left-skew .wp-block-cover__inner-container {
      transform: skewX(6deg);
      transform-origin: top;
  }
  .adam-left-skew .wp-block-cover span {
    margin-left: -100px;
    width: 100%;
  }
  .adam-left-skew .wp-block-cover img{
    margin-left: -100px;
  }
}
*/