/* Sicherstellen, dass das Bild responsiv ist */
.image-container img {
    max-width: 80%; /* Bild passt sich der Breite des Containers an */
    height: auto;    /* Höhe bleibt im Verhältnis zur Breite */
    display: block;  /* Entfernt unnötige Lücken um das Bild */
    margin: 0 auto;  /* Optional: Zentriert das Bild horizontal */
}

/* Optionale Stile für den Container */
.image-container {
    max-width: 100%; /* Verhindert, dass der Container zu groß wird */
    padding-top: 10px;   /* Optional: Abstand um das Bild *
    padding-bottom: 20px;   /* Optional: Abstand um das Bild */
    box-sizing: border-box; /* Padding wird in die Gesamtbreite einbezogen */
}