/* === New section === */
.image-section {
  position: relative;
  background-color: white; /* white background fills section */
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
}

/* PNG image covers the background area */
.image-section .section-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* ensures the image covers the area */
  z-index: 0;
  opacity: 0.9; /* optional transparency */
}

/* Text/content sits above the image */
.image-section .section-content {
  position: relative;
  z-index: 1;
  color: #222;
}