.media-block {
  img {
    width: 100%;
  }
}

.media-item {
  overflow: hidden;
  position: relative;
}

/* In "boxed" layout */

.layout:not(.fullwidth) .media-block .media-item {
  clip-path: var(--clip-bottom-right);
}

/* In full width layout */
.layout.fullwidth .media-block {
  .media-item  {
    clip-path: var(--clip-wide-top1);
  }
}

@media (min-width: 1300px) {
  .layout.fullwidth .media-block {
      max-width: 100%;

      figcaption {
        max-width: var(--max-width);
        margin: 0 auto;
      }
  }
}

.node-layout-builder-form .media-block {
  overflow: visible;
  clip-path: none;
}