#plakat {
      position: absolute;
      width: 30rem;
      height: calc(30rem * 1.414);
      background-color: #f2f2f2;
      top: 50%;
      left: 50%;
      translate: -50% -50%;
      border: 1px solid rgba(0,0,0,.2);
      overflow: hidden;
    }
h2 {
  text-align: center;
  color: rgb(255, 0, 0);
  margin-top: 10px;
}

h3 {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: rgb(255, 0, 0);
}

img {
  position: absolute;
 
}

.background {
  top: 0;
  left: 0;
  width: 120%;
  height: 120%;
  opacity: 0.2;
}

.bild {
  width: 45%;
}

.bild1 { top: 15%; left: 5%; transform: rotate(15deg); }
.bild2 { top: 40%; left: 30%; transform: rotate(3deg); }
.bild3 { top: 55%; left: 10%; transform: rotate(-8deg); }
.bild4 { top: 15%; left: 50%; transform: rotate(-8deg); }
.bild5 { top: 25%; left: 50%; transform: rotate(-8deg); }

/* Optional: Hover-Effekt */
.bild:hover {
  transform: scale(1.05) rotate(0deg);
  filter: saturate(1.15) brightness(1.03);
  z-index: 10;
    filter: grayscale(0); /* Farbe wiederherstellen beim Hover */
}
.bild4 {
  clip-path: circle(50% at 50% 50%); /* Kreis */
  }
  .bild3 {
  filter: grayscale(1); /* s/w */
}