.video-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100vw - var(--block-margin) * 2);
    margin: 70px 0 70px 0;
}

.video-block--25 {
    width: calc(25vw - var(--block-margin) * 2);
}
.video-block--33 {
    width: calc(33vw - var(--block-margin) * 2);
}
.video-block--50 {
    width: calc(50vw - var(--block-margin) * 2);
}
.video-block--66 {
    width: calc(66vw - var(--block-margin) * 2);
}
.video-block--75 {
    width: calc(75vw - var(--block-margin) * 2);
}
.video-block--100 {
    width: calc(100vw - var(--block-margin) * 2);
}

.video-block--margin-top {
    margin-top: var(--block-margin);
}

.video-block--margin-bottom {
    margin-bottom: var(--block-margin);
}

.video-block--background-color {
    background-color: var(--background-secondary);
}

.video-block__text-wrapper {
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 50%;
    margin-bottom: 2rem;
}
.video-block__video-wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.video-block video {
    width: 100%;
    height: 100%;
}

.video-block iframe {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1300px) {
    .video-block--25 {
        width: calc(100vw - var(--block-margin) * 2);
    }

    .video-block--33 {
        width: calc(100vw - var(--block-margin) * 2);
    }

    .video-block--50 {
        width: calc(100vw - var(--block-margin) * 2);
    }

    .video-block--66 {
        width: calc(100vw - var(--block-margin) * 2);
    }

    .video-block--75 {
        width: calc(100vw - var(--block-margin) * 2);
    }

    .video-block--100 {
        width: calc(100vw - var(--block-margin) * 2);
    }
    .video-block__text-wrapper {
        width: 100%;
    }
}