JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="imagefield imagefield-nodelink imagefield-field_post_thumbnail"><img class="imagefield imagefield-field_post_thumbnail" width="100" height="60" alt="" src="http://lorempixel.com/100/60/sports/"></a>

CSS

.image-wrap {
            border: 4px solid #f00;
            position: relative;
            width: 92px;
            height: 52px;
            top: 0;
            left: 0;
            z-index: 10;
             

        }
        .image-wrap img.imagefield-field_post_thumbnail {
            position: absolute;
            top: 0;
            left: 0;
        }
a {
    z-index: 100;
    border:50px double orange;
    -moz-border-image:url("http://lorempixel.com/100/60/sports/") 25 30 10 20 repeat;
    -webkit-border-image: solid #000 25 30 10 20 repeat;
    border-image:solid #000 25 30 10 20 repeat;
}