.grid-container {
  display: grid;
  /* Drei Spalten: Text links/rechts flexibel, Bilder in der Mitte passen sich an */
  grid-template-columns: 1fr auto 1fr;
  gap: 20px;
  align-items: center; /* Zentriert Inhalte vertikal */
  padding: 20px;
  border: 1px solid #ccc;
}

.grid-item {
  padding: 10px;
}

.images {
  display: flex;
  gap: 10px;
}

.images img {
  height: 300px;
  width: auto;
  object-fit: cover;
  border-radius: 8px; /* Optional: Schickere Ecken */
}

/* Responsive: Auf dem Handy untereinander stapeln */
@media (max-width: 768px) {
  .grid-container {
    grid-template-columns: 1fr;
  }
  
  .images {
    flex-direction: column;
    align-items: center;
  }
}