/* Clickable zones */

.zone {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    cursor: pointer;   /* fallback cursor */
    z-index: 3;
    background: transparent; /* optional */
    pointer-events: auto; /* allow clicks */
}


.gallery {
  position: relative;
  width: 80%;
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  height: 650px;
}

.gallery img {
  max-width: 100%;
  max-height: 650px;
  height: auto;
  margin-top: 0;
  display: block;
  margin: auto;
  margin-top: 0;
}

#img2 {
  position: absolute;

}

/* Optional: remove zones completely or keep only for clicks */

.left { left: 0; }
.right { right: 0; }

.zone {
    pointer-events: none; /* let gallery see mouse events */
}