JSFiddle - React, Tailwind, and code Playground

HTML

<div class="background-div">
  <div class="imgelement">
  </div>
</div>

CSS

.background-div {
  position: relative;
  width: 200px; /* Setze die Breite des Containers nach Bedarf */
  height: 200px; /* Setze die Höhe des Containers nach Bedarf */
  overflow: hidden;
}

.imgelement {
  width: 100%;
  height: 100%;
  background-image: url('https://i.pravatar.cc/150?img=1'); /* Passe den Pfad zu deinem Bild an */
  background-size: cover;
  transition: transform 0.3s ease; /* Füge eine Übergangseffekt für den Zoom hinzu */
}

.background-div:hover .imgelement{
  transform: scale(1.2); /* Vergrößert das Bild um 20% */
  transition: transform 0.3s ease; 
  background-size: cover;
}