/* ======================================
   ROUND TOP IMAGE STYLE
   ====================================== */
.is-style-round-top {
  display: block;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  overflow: hidden;
}

.is-style-round-top img {
  display: block;
  width: 100%;
  height: auto;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

/* ======================================
   DIAGONAL TOP IMAGE STYLE
   ====================================== */
.is-style-diagonal-top {
  display: block;
  position: relative;
  overflow: hidden;
  clip-path: polygon(0% 12%, 50% 0%, 100% 12%, 100% 100%, 0% 100%);
}

.is-style-diagonal-top img {
  display: block;
  width: 100%;
  height: auto;
  transform: translateY(-2%);
}