JSFiddle - React, Tailwind, and code Playground

HTML

<section class="transparent-block">
		<h1>Вы ищите замену для товара:</h1>
		<img src="http://s019.radikal.ru/i606/1409/be/5284cb03911b.jpg
" alt="" width="135" height="86">
		<div>
			<span>32144_С5-658</span>
			<span>1.50 $</span>
			<span>Отменить и вернуться в корзину</span>
		</div>
	</section>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt perferendis vitae, non, hic quibusdam, adipisci fugiat, et aperiam repudiandae iusto delectus commodi. Dolore omnis nulla doloribus voluptatibus voluptate eius voluptates.
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt perferendis vitae, non, hic quibusdam, adipisci fugiat, et aperiam repudiandae iusto delectus commodi. Dolore omnis nulla doloribus voluptatibus voluptate eius voluptates.
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt perferendis vitae, non, hic quibusdam, adipisci fugiat, et aperiam repudiandae iusto amet, consectetur adipisicing elit. Sunt perferendis vitae, non, hic quibusdam, adipisci fugiat, et aperiam repudiandae iusto delectus commodi. Dolore omnis nulla doloribus voluptatibus voluptate eius voluptates.</p>

CSS

section.transparent-block {
    width: 351px;
    height: 149px;
    background: #f06c00;    
    opacity: 0.75;
    padding: 16px 11px 13px; 
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
}

section.transparent-block img {
    float: left;
    margin-right: 20px;
}

section.transparent-block h1 {
    text-transform: uppercase;
    font-size: 18px;
}