/*
 * Stable display proportions for the fields covered by the upload rules.
 * These rules affect presentation only; existing source files stay untouched.
 */

body .case-image {
    aspect-ratio: 3 / 2;
    height: auto !important;
    object-fit: cover;
}

body .pd-feature-panel .product-feature-image {
    aspect-ratio: 4 / 3;
    height: auto !important;
    min-height: 0 !important;
    object-fit: cover;
}

body #company .about-photo {
    aspect-ratio: 5 / 4;
    height: auto !important;
    overflow: hidden;
}

body #company .about-photo-image {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

body #service .about-photo {
    aspect-ratio: 16 / 9;
    height: auto !important;
    overflow: hidden;
}

body #service .about-photo-image {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

/* Match solution editor guidance without altering existing image files. */
body .solution-flow-image {
    aspect-ratio: 1 / 1;
    height: auto !important;
    object-fit: cover;
}

body .solution-material-image {
    aspect-ratio: 4 / 3;
    height: auto !important;
    object-fit: cover;
}
/* TYBROAD 1.1.7: Chinese solution templates use wrapper classes instead of image classes. */
.solution-detail-hero__flow img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.solution-materials img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}