.motion-media video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.image-media.rpo-original {
  transform: none;
  background-color: #061c38;
}

.rpo-original::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      #061c38 0%,
      #061c38 28%,
      rgba(6,28,56,0.98) 36%,
      rgba(6,28,56,0.82) 43%,
      rgba(6,28,56,0.46) 51%,
      rgba(6,28,56,0.16) 60%,
      rgba(6,28,56,0) 70%);
}

.rpo-original::after {
  z-index: 2;
  background: linear-gradient(90deg, rgba(3,13,28,0.90) 0%, rgba(6,28,56,0.44) 42%, rgba(6,28,56,0.08) 100%);
}

@media (max-width: 720px) {
  .image-media.rpo-original {
    background-position: center center !important;
    background-size: contain !important;
  }

  .rpo-original::before {
    display: none;
  }

  .rpo-original::after {
    background: rgba(3,13,28,0.32);
  }
}