JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ggg"><div id="div_img">
			<img src="">
                </div></div>

CSS

#ggg {
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
    width: 156px;
	height: 205px;
    border: 1px solid;
}

#div_img {
	width: 150px;
	height: 200px;
	border-image: -moz-linear-gradient(to top, #000 10%, blue 50%)1%;
	border-image: -webkit-linear-gradient(to top, #000 10%, blue 50%)1%;
	border-image: linear-gradient(to top, #000 10%, blue 50%)1%;
   
}