.card-video-content {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: 1fr;
    align-items: center;
}

.card-video-content .card {
    grid-area: 1 / 1 / 2 / 4;
    z-index: 99;
    background-color: white;
    border-radius: 10px;
    padding: 48px 34px 53px 30px;
    height: max-content;
}

.card-video-content .image-wrapper {
    display: flex;
    align-items: center;
}

.card-video-content .card-video-wrapper {
    grid-area: 1 / 3 / 2 / 9;
    position: relative;
    width: 877px;
    height: 507px;
}

.card-video-content .video-wrapper .visual, .card-video-content .image-wrapper img {
    border-radius: 10px;
}

.media-hover-text {
    position: absolute;
    width: 160px;
    right: 48px;
    bottom: 38px;
}

.image-wrapper {
    height: 100%;
}

.image-wrapper picture {
    width: 100%;
    height: 100%;
    display: flex;
}

@media (max-width: 1224px) {

    .card-video-content .card {
        grid-area: 1 / 1 / 2 / 5;
    }
}

@media (max-width: 1024px) {

    .card-video-content .card-video-wrapper {
        width: 100%;
        height: 100%;
    }

}

@media (max-width: 768px) {

    .card-video-content {
        display: block;
    }

    .card-video-content .card {
        margin-bottom: 10px;
    }

    .card-video-content .video-wrapper {
        height: 250px;
    }

    .card-video-content .image-wrapper {
        height: auto;
    }

}