{# Make Gallery Wide and add padding arround it. #}.gallery{width:100%}.gallery__image{display:block;max-width:100%;margin:0 auto 1em}{# Make sure the gallery overlay takes up the entire screen and sites on top of evenrything. #}.gallery__overlay{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:100000}{# Close Button #}.gallery__overlay .close{position:absolute;top:2rem;left:2rem;background:transparent;color:#fff;font-size:2rem;z-index:999999}{# Center the image and text in one fell swoop. We use translate to ensure the image is always centered. #}.gallery__image--wrapper{position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:600px;color:#fff}