JSFiddle - React, Tailwind, and code Playground

HTML

<img src="https://www.aviary.com/img/photo-landscape.jpg" class="photo">

CSS

.photo {
  border-radius:50%;
  width: 200px;
	height: 190px;
	border: 5px solid #41454f;
}

.arrow {
  position:relative;
  left:205px;
  bottom: 115px;
  width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #41454f;

  
}

JavaScript

$(function() {

    $('.photo').after('<div class="arrow"></div>');

});