body { background: #222; color: #EEE; margin: 0; width: 100%; } figure.big { display: table; margin: auto; text-align: center; padding: 10px 0; vertical-align: middle; } .big img { height: calc(100vh - 20px); max-width: 100vw; } img { border-radius: 20px 0 20px 0; box-shadow: 0px 0px 10px #9AB; transition: box-shadow 1s ease-out; -moz-transition: box-shadow 1.23s ease-out; } img:hover { display: table-cell; box-shadow: 0px 0px 20px #FED; } .big figcaption { background: #656565; color: #FFF; font-weight: bold; margin: -100px auto; opacity: 0.65; padding: 10px; position: relative; }