/* Hero with Left Image
   Uses Frappe's hero-with-right-image CSS for identical sizing.
   Only adds flex-direction: row-reverse to flip image to the left side. */

.section[data-section-template="Hero with Left Image"] {
    overflow-x: hidden;
}

.hero-with-left-image {
    flex-direction: row-reverse;
}