JSFiddle - React, Tailwind, and code Playground

by Brodingo

HTML

<img class="insert" src="http://placekitten.com/400/300">

CSS

body {
    background-color: #FAF5E2;
}

.insert {
    padding: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom,
        from(rgba(255,255,255,.4)),
        to(rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(top,
        rgba(255,255,255,.4),
        rgba(255,255,255,0));
    background-image: linear-gradient(top,
        rgba(255,255,255,.4),
        rgba(255,255,255,0));
    background-color: #9d7b4d;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.4), 0 1px 0 #fff;    
       -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.4), 0 1px 0 #fff;
            box-shadow: inset 0 0 2px rgba(0,0,0,.4), 0 1px 0 #fff;
}