.img {
    display: grid;
    place-items: center;

}
/* Corporate Colors
#11dbcf
#464DDD
#f44a71 
*/


.gradient-custom {
    background-image: linear-gradient(
        rgba(17, 219, 207, 0.9) 60%,  /* #11dbcf covers 40% of the gradient */
        rgba(70, 77, 221, 0.8) 100%   /* #464DDD starts fading in after 40% */
    );
}


.img img {
    max-width: 60%; /* Das Bild wird nicht breiter als sein Container */
    height: auto; /* Beibehaltung des Seitenverhältnisses */
}

/* Optionale zusätzliche Anpassungen für verschiedene Bildschirmgrößen */
@media (max-width: 768px) {
    .img img {
        max-width: 80%; /* Beispiel: Für kleinere Bildschirme etwas kleiner */
    }
}

@media (max-width: 576px) {
    .img img {
        max-width: 60%; /* Beispiel: Für sehr kleine Bildschirme noch kleiner */
    }
}