.image-video-beside-copy-container{
    overflow: hidden;
}
.image-video-beside-copy-container .image-video-beside-copy-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 5rem;
}

.image-video-beside-copy-container .image-video-beside-copy-copy h2 {
    font-size: 4rem;
}

.image-video-beside-copy-container.media-right .media {
    grid-column: 2;
    grid-row: 1;
}

.image-video-beside-copy-container.contain .media.image img {
    min-height: 33rem;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.image-video-beside-copy-container.override .media.image img {
    height: auto;
    width: auto;
}

.image-video-beside-copy-container .media.video {
    display: grid;
    grid-template-areas: "video";
    place-content: center;
    place-items: center;
    max-width: 100%;
}

.image-video-beside-copy-container .media.video > * {
    grid-area: video;
    max-width: 100%;
}

.image-video-beside-copy-container .media.video iframe {
    position: relative;
    z-index: 1;
}

.image-video-beside-copy-container .media > svg {
    opacity: 0.3;
}

.image-video-beside-copy-container.gray-bg .media > svg {
    opacity: 0.4;
}

.image-video-beside-copy-container.media-left .media.video > svg {
    transform: translate(-8rem, 0);
}

.image-video-beside-copy-container.media-right .media.video > svg {
    transform: translate(8rem, 0);
}

.image-video-beside-copy-copy{
    width: 100%;
}

.image-video-beside-copy-container.media-right .image-video-beside-copy-copy {
    grid-column: 1;
    grid-row: 1;
}

@media screen and (max-width: 70em) {
    .image-video-beside-copy-container {
        padding-inline: var(--mobile-inline-padding);
    }

    .image-video-beside-copy-container .image-video-beside-copy-wrapper {
        display: flex;
        flex-flow: column wrap;
        gap: 2rem;
    }

    .image-video-beside-copy-container .media.video > svg {
        display: none;
    }
}