.media-25-percent-width img, 
.media-25-percent-width video,
.media-25-percent-width audio,
.media-25-percent-width iframe {
    max-width: 100%;
    width: 25%;
    height: 100%;
}

.media-25-percent-width iframe {
    height: 159px;
}

.media-50-percent-width img, 
.media-50-percent-width video,
.media-50-percent-width audio,
.media-50-percent-width iframe {
    max-width: 100%;
    width: 50%;
    height: 100%;
}

.media-50-percent-width iframe {
    height: 317px;
}

.media-75-percent-width img, 
.media-75-percent-width video,
.media-75-percent-width audio,
.media-75-percent-width iframe {
    max-width: 100%;
    width: 75%;
    height: 100%;
}

.media-75-percent-width iframe {
    height: 475px;
}

.media-100-percent-width img, 
.media-100-percent-width video,
.media-100-percent-width audio,
.media-100-percent-width iframe {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.media-100-percent-width iframe {
    height: 634px;
}

.ck-content figure[data-view-mode="25_percent_width"] {
    max-width: 100%;
    width: 25%;
    height: 100%; 
}
.ck-content figure[data-view-mode="50_percent_width"] {
    max-width: 100%;
    width: 50%;
    height: 100%; 
}
.ck-content figure[data-view-mode="75_percent_width"] {
    max-width: 100%;
    width: 75%;
    height: 100%; 
}
.ck-content figure[data-view-mode="100_percent_width"] {
    max-width: 100%;
    width: 100%;
    height: 100%; 
}

.ck-content figure[data-view-mode="25_percent_width"] img,
.ck-content figure[data-view-mode="25_percent_width"] video,
.ck-content figure[data-view-mode="25_percent_width"] audio,
.ck-content figure[data-view-mode="25_percent_width"] iframe,
.ck-content figure[data-view-mode="50_percent_width"] img,
.ck-content figure[data-view-mode="50_percent_width"] video,
.ck-content figure[data-view-mode="50_percent_width"] audio,
.ck-content figure[data-view-mode="50_percent_width"] iframe,
.ck-content figure[data-view-mode="75_percent_width"] img,
.ck-content figure[data-view-mode="75_percent_width"] video,
.ck-content figure[data-view-mode="75_percent_width"] audio,
.ck-content figure[data-view-mode="75_percent_width"] iframe,
.ck-content figure[data-view-mode="100_percent_width"] img,
.ck-content figure[data-view-mode="100_percent_width"] video,
.ck-content figure[data-view-mode="100_percent_width"] audio,
.ck-content figure[data-view-mode="100_percent_width"] iframe  {
    width: 100%;  
}

@media (max-width: 991px) {
    .media-25-percent-width iframe,
    .media-50-percent-width iframe,
    .media-75-percent-width iframe,
    .media-100-percent-width iframe {
        height: 407px;
    }
}

@media (max-width: 767px) {
    .media-25-percent-width iframe,
    .media-50-percent-width iframe,
    .media-75-percent-width iframe,
    .media-100-percent-width iframe {
        height: 337px;
    }
}

@media (max-width: 575px) {
    .media-25-percent-width iframe,
    .media-50-percent-width iframe,
    .media-75-percent-width iframe,
    .media-100-percent-width iframe {
        height: 250px;
    }
}