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

/* ==========================================================================
   "Our Products" plan cards (.container-one .image-container)

   These three cards are pre-rendered screenshots (~375x635px), each already
   complete with its own rounded corners and drop shadow baked into the PNG.
   compat.css's generic treatment stretches them to width:100% of a fluid
   grid column AND wraps them in a second flat border/radius. Between the
   3-column and 2-column auto-fit breakpoints the column can run well past
   the image's native size, so the card gets scaled up in both directions at
   once - taller and wider together - which reads as stretched/elongated.
   Cap them at their native width and drop the redundant outer frame so they
   render true at any viewport instead of being upscaled to fill the column.
   ========================================================================== */
.container-one .image-container {
  justify-items: center;
}

.container-one .image-container img {
  width: 100%;
  max-width: 380px;
  border: 0;
  border-radius: 0;
}