/* Scattered Gallery */

.scattered-gallery {
  position: relative;
  width: 100%;
  /* Kein overflow: hidden – damit Randabstände spürbar bleiben */
}

.sg-item {
  position: absolute; /* wird per JS gesetzt */
  overflow: hidden;
}

.sg-item img {
  width: 100%;
  height: auto;   /* Proportionen immer erhalten – kein object-fit: cover */
  display: block;
}

/* Optional: sanfter Einblend-Effekt wenn Bilder geladen sind */
.sg-item img {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.sg-item img.loaded {
  opacity: 1;
}