#slideshow { background-color: #000; border: 3px solid #000; border-radius: 6px; display: inline-block; height: 20em; line-height: 20em; margin: 1em; margin-left: auto; margin-right: auto; position: relative; text-align: right; vertical-align: middle; width: 20em; } #slideshow img { left: 0; width: 100%; height: auto; max-height: 100%; opacity: 0; position: absolute; text-align: center; transition-duration: 1s; transition-property: opacity; vertical-align: middle; } #slideshow .fadein { opacity: 1.0; transform-origin: bottom left; } #slideshow .fadeout { opacity: 0.0; transform-origin: bottom left; }