/* Page-specific styles for solution-entertainment-booking-event-customer */
/* Add overrides here — never edit compat.css for page-specific changes */

/* --------------------------------------------------------------------------
   "How It Works" / "Why Choose Us" — photo beside the feature boxes

   compat.css caps any image under an ancestor whose class contains "-item" at
   max-height:300px, and Bootstrap's own `align-items-center` on these rows
   contains that literal substring, so a 482x663 portrait rendered at 218x300
   in a 612px column. Restore the artwork and hold it to a sensible width so a
   portrait crop cannot outgrow the card list beside it.
   -------------------------------------------------------------------------- */

.row.align-items-center [class*="col-"] > .container > img.img-fluid {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  max-width: 440px;
  margin-inline: auto;
  border-radius: var(--radius);
}