JSFiddle - React, Tailwind, and code Playground

by Ryan Mitchell

HTML

<div class="photos">
    <img src="http://placekitten.com/304/104" />
    <img src="http://placekitten.com/308/104" />
    <img src="http://placekitten.com/303/104" />
    <img src="http://placekitten.com/307/104" />
</div>

CSS

.photos {
    height: 130px;
    overflow-x: scroll;
    white-space: nowrap;
  }
    .photos img {
      width: auto;
      display: inline-block;
      border-radius: 4px;
      margin-right: 5px;
    }
    .photos img:hover {
    -webkit-filter: blur(15px) contrast(120%) brightness(110%);
    }