body{margin:0;overflow-x:hidden}#view{display:grid;grid-template-columns:repeat(auto-fit, minmax(15%, 1fr));grid-gap:10px}#view>div>div{width:100%;padding-top:100%;position:relative}#view>div>div>div{transition:transform .5s ease-in-out, z-index .5s ease-in-out;z-index:1;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;top:0;bottom:0;left:0;right:0;background-size:contain;background-repeat:no-repeat;background-position:center}#view img{width:100%}