<div class="title">Card con efecto hover - Magtimus</div>
<div class="container" style="display: blockflex;flex-wrap: wrap; justify-content: center; margin: auto;"> <div class="card" style="overflow: hidden; margin: 20px; text-align: center; display:block;">
<div class="img" style="display:block;"></div>
<div class="titulo" style="display:block;">Naturaleza</div>
</div>
<div class="card" style="overflow: hidden; margin: 20px; text-align: center; display:block; float:left">
<div class="img" style="display:block;"></div>
<div class="titulo" style="display:block;">Geografia</div>
</div>
<div class="card" style="overflow: hidden; margin: 20px; text-align: center; display:block; float:left">
<div class="img" style="display:block;"></div>
<div class="titulo" style="display:block;">Mar</div>