.paragraph--type--page-video-image figure {
    margin: 60px 0;
    width: 100%;
}

.paragraph--type--page-video-image figure {
    display: -ms-grid;
    display: grid;
    grid-gap: 0 60px;
    /* -ms-grid-columns: 1fr 30px 1fr; */
    /* grid-template-columns: repeat(2, 1fr); */
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: "left-col right-col";
    grid-gap: 0 30px;
    padding: 0;
}

.paragraph--type--page-video-image img,
.embedded-entity .video-image img {
    border-radius: 10px;
    width: 100%;
}

.paragraph--type--page-video-image figure .video-image article.media--view-mode-image-video-with-caption {
    height: 100%;
}

.paragraph--type--page-video-image .video-image video {
    width: 100%
}

.paragraph--type--page-video-image .media--type-video + .btn--video,
.video-image video + .btn--video {
    display: none;
}

@media (max-width: 991px) {
    .paragraph--type--page-video-image figure {
        display: block;
    }

    .paragraph--type--page-video-image figure img {
        width: 100%;
    }

    .paragraph--type--page-video-image figure .video-image {
        margin-bottom: 30px;
    }
}

.split-content .paragraph--type--page-video-image figure {
    margin: 0;
}

.paragraph--type--page-video-image .video-image .btn--video,
.embedded-entity .video-image .btn--video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

a.btn--video {
    text-decoration: none;
}

.paragraph--type--page-video-image .video-image,
.embedded-entity .video-image {
    position: relative;
}

.split-content-container .paragraph--type--page-video-image.content-well {
    padding: 0;
    margin: 0;
}

/* article spcific */
.layout--threecol-section .video-image {
    margin: 60px 0;

    figcaption {
        font-size: 14px;
        text-align: center;
        padding-block: 18px;
        position: relative;

        &:before {
            content:"";
            width: 40px;
            height: 4px;
            background-color: #e5ad28;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
    }
}