/* full-bleed container that escapes the content width */
.full-bleed {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;     /* spans the entire viewport */
}

.banner-img {
  display: block;
  width: 100%;
  height: 200px !important;
  /* Optional: crop to a fixed height */
  max-height: 42vh;
  object-fit: cover;
  object-position: 50% 70%;
  transform: scale(0.8);
  transform-origin: center;
}