JSFiddle - React, Tailwind, and code Playground

by Варлам Ерофеич

HTML

<div class="some col-xs-6 col-md-4">
<div>
<a>
<div class="col-md-12"><img src="https://lorempixel.com/g/100/100/" alt="здесь будет картинка"/></div>
<div class="col-md-6"><img src="https://lorempixel.com/g/100/100/" alt="здесь будет картинка"/></div>
<div class="col-md-6"><p>Это параграф. Я - ваш текст внутри параграфа</p></div>
</a>
</div>
</div>

CSS

.some
{
  background :rgba(255,255,255,1);
  width:100%;
  height:500px;
}
.some:hover
{ 
  background :rgba(0,0,0,.4); opacity:.4;
}