#myBanner {
    background-image: url('https://theairtist.de/wp-content/uploads/2024/11/Picsart_24-11-12_11-20-34-698.jpg');
    background-size: cover;
    background-position: center;
    width: 100%; /* Breite auf 100% setzen */
    height: 50vh; /* Höhe auf 50% der Viewport-Höhe setzen */
}

/* Media Query für Bildschirme kleiner als 768px (typische Mobile-Geräte) */
@media (max-width: 768px) {
    #myBanner {
        height: 30vh; /* Höhe für kleinere Bildschirme anpassen */
    }
}

/* Media Query für größere Bildschirme */
@media (min-width: 1200px) { 
  #myBanner 
  { 
    background-size: contain; /* Passt das Bild vollständig an */ 
    background-repeat: no-repeat;
    height: 70vh; /* Höhe für größere Bildschirme anpassen */ 
  }
}