#dialog-image-modal { position: fixed; background-color: rgba(255, 255, 255, .8); width: 100%; height: 100%; margin: 0; border: 0; padding: 0; } #dialog-image-modal::backdrop { background: #ffffff00; } #modal-image-container { margin-top: var(--header-space); } #modal-image { object-fit: cover; height: calc(100vh - var(--header-space) - var(--body-margin) - var(--tile-margin)); } #img-prev { margin-right: calc(2 * var(--tile-margin)) } #img-next { margin-left: calc(2 * var(--tile-margin)) } #img-prev, #img-next { width: var(--tile-margin); }