.images-list{display:-webkit-box;display:flex;gap:5px;overflow-x:auto;-ms-scroll-snap-type:x;scroll-snap-type:x}
.images-list img{scroll-snap-align:start;-webkit-box-flex:0;flex:0 0 150px;width:150px;height:200px;border-radius:5px;transition:.8}
.images-list img:hover{opacity:.6}@media only screen and (min-width:767px){.images-list{padding:0 60px}.categories{padding:10px 60px}}
section{background:#303030;padding:.5rem .7rem .7rem;box-shadow:0 3px 10px 0 rgba(0,0,0,.1);margin:4px 0 10px}.article{padding:10px}