/* =========================
   UNDERSTANDING — BACKGROUND FIX
========================= */

section.understanding {
  position: relative;
  padding: 120px 0;
  overflow: hidden;

  background-image: url("/assets/images/hero2.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

section.understanding::before {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.88),
    rgba(255, 255, 255, 0.95)
  );

  z-index: 1;
}

section.understanding > .container {
  position: relative;
  z-index: 2;
}