.app-image-xsmall {
    height: 75px;
}

.app-image-small {
    height: 150px;
}

.app-image-medium {
    height: 300px;
}

.app-image-large {
    height: 600px;
}

.app-image-xlarge {
    height: 900px;
}

.app-image-xxlarge {
    height: 1200px;
}

.app-image-border {
    border-color: var(--app-background-color-light);
    border-style: inset;
    border-width: 3px;
    border-radius: 10px;
}

.app-image-frame {
    border-radius: 10px; /* Match the border radius */
    display: inline-block;
    position: relative;
    padding: 20px;
}
    .app-image-frame img {
        display: block;
        border-radius: 10px; /* Match the border radius */
    }
.app-image-fluid {
    max-width: 100%;
    object-fit: contain;
}