.lightbox { display: none; position: fixed; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; padding: 1em; background: rgba(0, 0, 0, 0.8); -webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter); } .lightbox:target { display: block; } .lightbox span { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; }