.imagePicture {
    display: flex;
    align-items: center;
}

.imagePicture.blockLeft {
    justify-content: left;
}

.imagePicture.blockCenter {
    justify-content: center;
}

.imagePicture.blockRight {
    justify-content: right;
}

.imagePictureResponse {
    height: 100%;
}

.image {
    width: auto;
    height: auto;
    object-fit: contain;
}

.imageResponse {
    width: 100%;
    height: 100%;
}

.imageMaxView {
    max-height: calc(100dvh - 20px);
}

.containerAll:has(.navigationBackground) .imageMaxView {
    max-height: calc(100dvh - 70px);
}

@media (prefers-color-scheme: dark) {
    img {
        opacity: var(--opacityUpD);
    }
}