h1{text-align:center}#container{position:relative;min-width:400px;max-width:640px;margin:0 auto;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}img{display:block;aspect-ratio:auto;width:100%;margin:0 auto;opacity:.8;transition:all .1s;z-index:1;background-color:#000}img:hover{opacity:1;transform:scale(1.02)}img:active{transform:scale(1.01)}.ripple{transition:all .1s;position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:50%;width:20px;height:20px;transform:scale(0);animation:ripple .3s ease-out;background-color:#ffffff4d}@keyframes ripple{0%{transform:scale(1);opacity:.5}to{transform:scale(50);opacity:0}}footer{font-size:.8em;text-align:center;color:#666}