.custom-image {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    border: solid 1px rgb(222, 226, 230);
    width: 100%; /* Standardbreite */
    aspect-ratio: 3/2; /* Standardhöhe 3:2 Verhältnis */
    display: block; /* Sicherstellen, dass es ein Block-Element bleibt */
}

.custom-image.portraitNo1 {
    background-image: url("/images/DMOLL241113SMART3A.png");
    background-position: top right;
    background-size: cover;
}

@media (min-width: 576px) { /* SM Breakpoint */
    .custom-image.portraitNo1 {
        margin: 0 0 5px 12px; /* Abstand vom Text */
        float: right; /* Ab SM floatet es nach rechts */
        background-position: top right;
        background-size: auto 100%; /* Bildgröße anpassen */
        height: 180px;
        width: 235px;
    }
}

@media (min-width: 768px) { /* SM Breakpoint */
    .custom-image.portraitNo1 {
        margin: 0 0 9px 16px; /* Abstand vom Text */
        float: right; /* Ab SM floatet es nach rechts */
        background-position: top right;
        background-size: auto 100%; /* Bildgröße anpassen */
        height: 210px;
        width: 315px;
    }
}

@media (min-width: 992px) { /* LG Breakpoint */
    .custom-image.portraitNo1 {
        margin: 0 0 12px 19px; /* Abstand vom Text */
        float: right; /* Ab SM floatet es nach rechts */
        background-position: top right;
        background-size: auto 100%; /* Bildgröße anpassen */
        height: 270px;
        width: 405px;
    }
}

@media (min-width: 1200px) { /* XL Breakpoint */
    .custom-image.portraitNo1 {
        margin: 0 0 12px 19px; /* Abstand vom Text */
        float: right; /* Ab SM floatet es nach rechts */
        background-position: top right;
        background-size: auto 100%; /* Bildgröße anpassen */
        height: 340px;
        width: 510px;
    }
}