.image-with-video {
  display: block;
  .deferred-media__poster {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  deferred-media > div, .placeholder, .placeholder-svg, video-section, video-section iframe {
    height: 100%;
    width: 100%;
  }
  video-section {
    display: block;
  }
  .media-wrapper {
    width: 100%;
    height: 100%;
  }
  video {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .deferred-media__poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
  }
}
.image-with-video--video.media-mobile--adapt {
  @media screen and (max-width: 749px) {
    padding-bottom: var(--video-ratio-percent);
  }
}
.image-with-video__grid--reverse .grid__item:first-child {
  @media screen and (min-width: 750px) {
    order: 2;
  }
}
.image-with-video__grid-mobile--reverse .grid__item:first-child {
  @media screen and (max-width: 749px) {
    order: 2;
  }
}