JSFiddle - React, Tailwind, and code Playground

HTML

<div class="imageTriangle">
    <div class="arrow-down"></div>
    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTkxfgRxPBpXnGBRubETaiX8b5BrRJ0TVs2jt6ohHUeegok1VrS">
        
</div>
    <p>Text under have to be just under the image</p>

CSS

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 40px solid black;
}
p{
    padding:0;
    margin:0;    
}