@layer component {
  .media--image.media--view-mode--report-cover {
    & .field--field-media-image {
      display: flex;
      justify-content: center;
      align-items: flex-start;
    }

    & img {
      box-shadow: 0 4px 25px 0 var(--color-shadow-200);
    }
  }

  .media--image.media--view-mode--rounded {
    & img {
      --clip-radius: 1000px;
      clip-path: inset(0 0 0 0 round var(--clip-radius) 0 0 var(--clip-radius));
    }
  }

  .media--image.media--view-mode--portrait {
    & img {
      --clip-radius: 1000px;
      clip-path: inset(0 0 0 0 round var(--clip-radius) var(--clip-radius));
    }
  }
}