Renders a circular Google logo image

HTML

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Google_2015_logo.svg/1200px-Google_2015_logo.svg.png" class="normales-bild">

<br>

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Google_2015_logo.svg/1200px-Google_2015_logo.svg.png" class="rundes-bild">

CSS

.normales-bild {
  width: 600px;          
  height: 200px;         
}

.rundes-bild {
      width: 200px;           
      height: 200px;         
      object-fit: cover;      /* Bild zuschneiden und füllen */
      border-radius: 50%;     /* Rund machen */
      overflow: hidden;       /* Alles außerhalb beschneiden */
      border: 4px solid #333; /* Optional: Rahmen */
}