.cu-image {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  object-fit: cover;
  object-position: var(--cu-image-position);

  // @todo Refactor when https://caniuse.com/#feat=css-backdrop-filter is better supported.
  &--blurred {
    filter: blur(10px);
    min-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    &::after {
      content: '';
      display: block;
      background-image: var(--cu-bg-image);
      background-size: cover;
      width: 100%;
      height: 100%;
      -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0% 100%);
      clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0% 100%);
    }
  }
}