JSFiddle - React, Tailwind, and code Playground

HTML

<div class="reading-list"> <a href="playingtowin" ><img src="http://s13.postimg.org/fezsjt84n/9780143332497.jpg"/></a></div>

CSS

.reading-list {
  border: 40px solid #eee;
  box-sizing: border-box;
}

.reading-list:hover {
  border-left: 40px solid #ddd;
  border-right: 40px solid #ddd;
}
img {
    border: 0px none;
}
img {
    max-width: 100%;
    display: block;
}