/* === Legacy Content Block === */
.image-row {
  overflow: hidden;
}

.image-row--image-bg {
  position: absolute;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-row--image-container {
  min-height: 250px;
}

.image-row .left .image-row--image-bg {
  top: 0;
  right: 8px;
}

.image-row .right .image-row--image-bg {
  left: 8px;
  top: 0px;
}

.image-row--bottom-right {
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, calc(100% - 125px) 100%, 100% calc(100% - 125px));
          clip-path: polygon(100% 0, 0 0, 0 100%, calc(100% - 125px) 100%, 100% calc(100% - 125px));
}

.image-row--bottom-left {
  -webkit-clip-path: polygon(0 0, 0 calc(100% - 125px), calc(0% + 125px) 100%, 100% 100%, 100% 0);
          clip-path: polygon(0 0, 0 calc(100% - 125px), calc(0% + 125px) 100%, 100% 100%, 100% 0);
}

.image-row--top-right {
  -webkit-clip-path: polygon(calc(100% - 125px) 0, 0 0, 0 100%, 100% 100%, 100% calc(0% + 125px));
          clip-path: polygon(calc(100% - 125px) 0, 0 0, 0 100%, 100% 100%, 100% calc(0% + 125px));
}

.image-row--top-left {
  -webkit-clip-path: polygon(calc(0% + 125px) 0, 0 calc(0% + 125px), 0 100%, 100% 100%, 100% 0);
          clip-path: polygon(calc(0% + 125px) 0, 0 calc(0% + 125px), 0 100%, 100% 100%, 100% 0);
}

@media screen and (max-width: 767px) {
  .image-row--content {
    padding-right: 32px !important;
  }
}