JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <img src="http://www.goldenspiralcreative.com/wp-content/themes/goldenspiralcreative/_/img/sub-why.png" alt="">
    <p>Here's my text!</p>
</div>

CSS

div {
    width: 200px;
    text-align: center;
    opacity: 0.7;
    transition: opacity ease-in 0.25s;
    -webkit-transition: opacity ease-in 0.25s;
    -moz-transition: opacity ease-in 0.25s;
    -o-transition: opacity ease-in 0.25s;
}

div:hover {
    opacity: .999;
}

p {
    color: #AAA;
    font-family: Comic Sans MS, sans-serif;
    font-weight: 600;
}