Öncelikle bir bütçeye sahip değilim ve fikir yardımı almak için konu açtım,


<divclass="row">
<divclass="col-md-4">
<imgsrc=""alt="">
<hr>
<h3>başlık</h3>
<hr>
<divclass="icerik">
<p> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis sapiente ullam quas iste voluptatum nisi at non eum sequi blanditiis quaerat, voluptatem id nostrum aperiam sunt maiores eius fugit soluta?</p>
</div>
</div>
</div>

yapı yukarıdaki gibi olup, blur vermek istediğim div direk col-md-4 olacak,
tahmin ettiğiniz üzere yan yana 2 adet daha 4 lü kolon var,
display none kullanıp col-md-4 e hover ile gelip blur verdikten sonra absolute kullanmadan divin ortasına buton getirmek isiyorum ve responsive yapısı bozulmamalı,
absolute kullanmadan yapabilmem için fikir verebilirseniz sevinirim çünkü absolute kullanarak yapabilyorum,