:root {
    --side-size: 70vw;
    --vertical-size: 70vh;
}
.gallery-dialog {
    width: var(--side-size);
    height: var(--vertical-size);
    background-color: var(--bg-light-gray);
    display        : grid;
    place-items: center;
    position: fixed;
    inset   : 0;
    margin  : auto;
    z-index : 100;
}
    .gallery-dialog img {
        max-width: var(--side-size);
        max-height: var(--vertical-size);
    }
[class*="gallery-dialog__control--"]{
    position: absolute;
    top     : 0;
    bottom  : 0;
}
[class*="gallery-dialog__control--"]:disabled {
    cursor: default;
    opacity: .1;
}
.gallery-dialog__control--prev {
    left : 0;
    padding-left: 5px;
}
.gallery-dialog__control--next {
    right: 0;
}
    [class*="gallery-dialog__control--"] svg {
        width: 25px;
        height: 25px;
    }