.mg-page-media-figure {
    margin: clamp(22px, 4vw, 42px) auto;
    max-width: 1120px;
    text-align: center;
}

.mg-page-media-figure img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    border: 0;
    border-radius: 18px;
    filter: drop-shadow(0 24px 44px rgba(0, 0, 0, 0.26));
}

body.mg-pro-page .mg-service-photo {
    background: #2f343d;
    border: 1px solid rgba(148, 163, 184, .38);
    border-radius: 18px;
    box-shadow: 0 20px 58px color-mix(in srgb, var(--mg-service-accent, #2563eb) 13%, rgba(15, 23, 42, .12));
    display: block;
    margin: 0;
    max-height: none !important;
    overflow: hidden;
}

body.mg-pro-page .mg-service-photo img,
body.mg-pro-page .mg-feature-section .mg-service-photo img,
body.mg-pro-page .mg-split-section .mg-service-photo img,
body.mg-pro-page .mg-qa-section .mg-service-photo img {
    display: block !important;
    height: 100% !important;
    margin: 0 auto !important;
    max-height: none !important;
    max-width: 100% !important;
    object-fit: contain !important;
    transform: none !important;
    width: 100% !important;
}

body.mg-pro-page .mg-service-photo--vertical {
    aspect-ratio: 9 / 16;
}

body.mg-pro-page .mg-service-photo--square {
    aspect-ratio: 1 / 1;
}

body.mg-pro-page .mg-service-photo--wide {
    aspect-ratio: 16 / 10;
}

body.mg-pro-page .mg-service-photo--feature {
    margin: 0 auto;
    max-height: none !important;
    max-width: 500px;
    width: min(100%, 500px);
}

body.mg-pro-page .mg-service-photo--wide.mg-service-photo--feature {
    max-width: 980px;
    width: 100%;
}

body.mg-pro-page .mg-service-photo--inline {
    float: right;
    margin: 4px 0 22px 30px;
    max-height: none !important;
    max-width: 430px;
    width: min(42%, 430px);
}

body.mg-pro-page .mg-service-photo--inline.mg-service-photo--wide {
    max-width: 520px;
    width: min(46%, 520px);
}

body.mg-pro-page .mg-service-photo--inline.mg-service-photo--left {
    float: left;
    margin: 4px 30px 22px 0;
}

body.mg-pro-page .mg-service-photo--inline.mg-service-photo--wide,
body.mg-pro-page .mg-service-photo--inline.mg-service-photo--actual-wide {
    clear: both;
    float: none;
    margin: clamp(18px, 3vw, 34px) auto;
    max-width: 980px;
    width: 100%;
}

body.mg-pro-page .mg-service-photo--center {
    margin-left: auto;
    margin-right: auto;
}

html[data-mg-theme="dark"] body.mg-pro-page .mg-service-photo,
body.mg-pro-page.mg-dark-mode .mg-service-photo {
    background: #2f343d;
    border-color: rgba(148, 163, 184, .38);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .36);
}

.mg-page-media-wide img {
    width: min(100%, 1120px);
}

.mg-page-media-post-likes-wide {
    max-width: none;
    width: 100%;
}

.mg-page-media-post-likes-wide img {
    height: auto;
    width: 100%;
}

.mg-page-media-profile-followers-wide {
    max-width: none;
    width: 100%;
}

.mg-page-media-profile-followers-wide img {
    height: auto;
    width: 100%;
}

.mg-page-media-video-views-wide {
    max-width: none;
    width: 100%;
}

.mg-page-media-video-views-wide img {
    height: auto;
    width: 100%;
}

.mg-page-media-vertical {
    max-width: 520px;
}

.mg-page-media-vertical img {
    max-height: none;
    object-fit: contain;
    width: min(100%, 520px);
}

.mg-page-media-side {
    margin: clamp(18px, 3vw, 32px) auto;
    max-width: 560px;
}

.mg-page-media-side img {
    width: 100%;
}

.mg-page-media-split {
    display: grid;
    grid-template-columns: minmax(260px, 0.92fr) minmax(300px, 1.08fr);
    gap: clamp(22px, 4vw, 48px);
    align-items: center;
    margin: clamp(22px, 4vw, 42px) 0;
}

.mg-page-media-split .mg-page-media-side {
    margin: 0;
    max-width: 520px;
}

.mg-page-media-split--vertical-half {
    align-items: center;
    grid-template-columns: minmax(260px, 0.5fr) minmax(0, 0.5fr);
}

.mg-page-media-split--vertical-half .mg-page-media-vertical {
    margin: 0;
    max-width: none;
    width: 100%;
}

.mg-page-media-split--vertical-half .mg-page-media-vertical img {
    height: auto;
    max-height: none;
    object-fit: contain;
    width: 100%;
}

.mg-page-media-split--image-left-half {
    align-items: center;
    grid-template-columns: minmax(260px, 0.5fr) minmax(0, 0.5fr);
}

.mg-page-media-split--image-left-half .mg-page-media-side {
    margin: 0;
    max-width: none;
    width: 100%;
}

.mg-page-media-split--image-left-half .mg-page-media-side img {
    height: auto;
    object-fit: contain;
    width: 100%;
}

.mg-page-media-split--image-right-half {
    align-items: center;
    grid-template-columns: minmax(0, 0.5fr) minmax(260px, 0.5fr);
}

.mg-page-media-split--image-right-half .mg-page-media-vertical {
    margin: 0;
    max-width: none;
    width: 100%;
}

.mg-page-media-split--image-right-half .mg-page-media-vertical img {
    height: auto;
    max-height: none;
    object-fit: contain;
    width: 100%;
}

.mg-page-media-split-copy > :first-child {
    margin-top: 0;
}

.mg-page-media-split-copy > :last-child {
    margin-bottom: 0;
}

html[data-mg-theme="light"] .mg-page-media-figure img,
.mg-theme-light .mg-page-media-figure img {
    filter: drop-shadow(0 18px 34px rgba(24, 35, 68, 0.16));
}

@media (max-width: 900px) {
    .mg-page-media-split {
        grid-template-columns: 1fr;
    }

    .mg-page-media-side {
        max-width: 560px;
        margin: 0 auto;
    }

    body.mg-pro-page .mg-service-photo--inline,
    body.mg-pro-page .mg-service-photo--inline.mg-service-photo--left,
    body.mg-pro-page .mg-service-photo--inline.mg-service-photo--wide {
        float: none;
        margin: 0 auto 24px;
        max-width: 520px;
        width: 100%;
    }

    body.mg-pro-page .mg-service-photo--feature {
        max-width: 520px;
        width: 100%;
    }
}