.field__field-media-oembed-remote-audio,
.field__field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.field__field-media-oembed-remote-audio::after,
.field__field-media-oembed-video::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

@media (min-width: 768px) {
  .field__field-media-oembed-remote-audio::after {
    padding-top: 25%;
  }
}

.field__field-media-oembed-remote-audio iframe,
.field__field-media-oembed-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.field__field-image,
.field__field-feature-image {
  position: relative;
  overflow: hidden;
}

.field__field-image:hover .field__field-image-copyright-notice,
.field__field-feature-image:hover .field__field-image-copyright-notice {
  transform: translateY(0);
}

.field__field-image-copyright-notice {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.5rem 1rem;
  background: rgba(0, 68, 148, 0.8);
  color: white;
  transform: translateY(100%);
  transition: transform ease 0.5s;
}

.ecl-gallery__picture {
  display: flex;
  width: 100%;
}

.ecl-gallery__image-container .field__field-media-oembed-video {
  height: 185px;
  aspect-ratio: 16 / 9;
}

.ecl-gallery__info {
  text-align: right;
}

.ecl-gallery__pager {
  display: flex;
  align-items: center;
  justify-content: end;
}

.ecl-gallery__slider-image {
  max-height: 70vh;
}

.ecl-gallery__item-icon-wrapper {
  background: #404040;
  border-radius: 50%;
  box-shadow: 0 0 15px 6px rgba(64,64,64,.55);
  display: inline-block;
  height: 2rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 2rem;
}

@media (min-width: 1140px) {
  .ecl-gallery__slider-next,
  .ecl-gallery__slider-previous {
    background: rgba(0, 0, 0, .7);
    margin: 0;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 1;
  }

  .ecl-gallery__slider-previous {
    left: 0.5rem;
  }

  .ecl-gallery__slider-next {
    margin: 0;
    right: 0.5rem;
  }

  .ecl-gallery__detail .ecl-container {
    position: static;
    display: flex;
    flex-direction: column;
    width: 1140px;
  }
}

.paragraph--type--ec-harmonised-text .align-left .field__field-media-image img { margin: 0 1em 1em 0;}
.paragraph--type--ec-harmonised-text .align-right .field__field-media-image img { margin: 0 0 1em 1em;}