.gallery {
  max-width: 700px;      /* Optional, nach Geschmack! */
  margin: 0 auto;
}

.gallery .gallery-item {
  display: flex;
  align-items: flex-start;
  gap: 1.5em;
  margin-bottom: 2em;
  /* Kein max-width hier! */
  width: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: visible;
}

.gallery .gallery-item img {
  display: block;
  width: 220px;         /* oder max-width: 220px; */
  height: auto;
  border-radius: 10px;
}

.gallery .gallery-text {
  flex: 1;
  font-size: 1.3em;
  color: #eee;
  font-family: sans-serif;
  margin-top: 0.3em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 900px) {
  .gallery .gallery-item {
    flex-direction: column;
    align-items: stretch;
  }
  .gallery .gallery-item img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 0.5em;
  }
}
.gallery .gallery-item img {
  transition: transform 0.3s cubic-bezier(.25,.8,.25,1), box-shadow 0.3s;
  cursor: zoom-in;
}

.gallery .gallery-item img:hover {
  transform: scale(1.2);           /* 1.2-fach vergrößern */
  z-index: 10;
  box-shadow: 0 6px 36px rgba(0,0,0,0.4);
  position: relative;
}