JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<div id="photo01" class="photo"></div>
<div id="photo02" class="photo"></div>
<div id="photo03" class="photo"></div>

CSS

* {
    padding: 0; margin: 0;
}
.photo {
    width: 300px;
    min-height: 500px;
    margin: 0 auto;
    background-position: 50% 10px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
}
#photo01 {
    background-image: url(http://placekitten.com/g/200/300);
}
#photo02 {
    background-image: url(http://placekitten.com/g/500/300);
}
#photo03 {
    background-image: url(http://placekitten.com/600/300);
}