gradient border (image)

<style>
.gradientbgimg {
background:linear-gradient(hotpink 0%, pink 110%);
background-size:cover;
padding:6px; /* make number bigger/smaller for a bigger/smaller border */
border:1px solid black;
width:fit-content;
height:fit-content;
}

.gradientinnerimg {
background: #FFF;
border:1px solid black;
height:300px;  /* change height of image */
width:auto;  /* change width of image */
overflow-y:auto; /* remove overflow if you don't want a scroll */
/* set height to "height:fit-content;" to expand with text size */
}
</style>

<div class="gradientbgimg">
	<img class="gradientinnerimg" src="https://i.imgur.com/uO0i2L4.png">
</div>