.image-grid-wrapper {
      margin-top: 60px;
      padding: 0 20px;
    }

    .image-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      height: 500px; /* fixed height for stability */
    }

    .left-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 2px;
    }

    .right-images {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      gap: 10px;
      height: 100%;
    }

    .right-images img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 2px;
      display: block;
    }

    /* Overlay container for last image */
    .image-overlay-container {
      position: relative;
      width: 100%;
      height: 100%;
      border-radius: 2px;
      overflow: hidden; /* keeps border radius on overlay */
    }

    .image-overlay-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: 2px;
    }

    /* White semi-transparent overlay */
    .image-overlay-container::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(255, 255, 255, 0.6);
      border-radius: 2px;
      z-index: 1;
    }

    /* Centered overlay text */
    .overlay-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      color: #000;
      font-weight: bold;
      font-size: 1.5rem;
      pointer-events: none; /* text doesn’t block clicks */
      user-select: none;
    }

    /* Responsive stacking on small screens */
    @media (max-width: 768px) {
      .image-grid {
        grid-template-columns: 1fr;
        height: auto; /* adjust height for stacked layout */
      }
      .right-images {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        height: auto;
      }
      .right-images img,
      .image-overlay-container {
        height: auto;
      }
    }