HTML:
<div class="col-md-12">
<div class="col-md-4">
<img class='ex' src="../assets/img/foto10.jpg" alt="Foto 1">
</div>
<div class="col-md-4">
<img class='ex' src="../assets/img/foto11.jpg" alt="Foto 2">
</div>
<div class="col-md-4">
<img class='ex' src="../assets/img/foto12.jpg" alt="Foto 3">
</div>
</div>
CSS:
img.ex{
margin-top: 30px;
height: 300px;
object-fit: cover;
width: 100%;
}
img.ex:hover{
box-shadow: 25px 35px 1px #000;
transition: box-shadow 0.3s ease-in-out;
}