JSFiddle - React, Tailwind, and code Playground

HTML

<a id="content">
		<img src="produto.jpg" width="368" height="184">
		<div>
			<span id="mensagem">ECONOMIZE</span>
			<span>R$100</span>
		</div>
	</a>

CSS

#content {
			width: 368px;
			display: inline-block;
			position: absolute;
			top: 0px; left:0px;
			border: 1px solid #F00;
		}
		#imagem {
			position: absolute;
			top: 0px; left:0px;
		}

		#content > div {
			position: absolute;
			display: inline-block;
			height: 50px;
			top: 10px; right: 10px;
			padding-left: 9px;
			background: #F00 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEExN0RGNEQ0QTY4MTFFNEI1NkJFOUIzRkMxNjhGNTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEExN0RGNEU0QTY4MTFFNEI1NkJFOUIzRkMxNjhGNTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QTE3REY0QjRBNjgxMUU0QjU2QkU5QjNGQzE2OEY1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QTE3REY0QzRBNjgxMUU0QjU2QkU5QjNGQzE2OEY1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvazfVgAAAB1SURBVHjaYpTI6m5nYGCoYECA70D8A4nPwALElUDMB8RZUDFOKIYDJiidA8SLGXAAmKL/QJwIxOvxKQKBv0AcAcS78CkCgV9AHAjER/ApAoFvQOwDxGfxKQKBj0DsCcRX8SkCgddA7AHEd/ApAoEnQOwOEGAAGZETqH8tBrsAAAAASUVORK5CYII=) no-repeat 0px top ;
		}

		#content > div > span {
			display: block;
		}