#banerInicio{ height: 400px; position: relative; } .textoBanner { position: absolute; top: 10px; left: 50px; background: rgba(255,255,255, 0.8); padding: 10px 30px; width: 400px; } .textoBanner h2{ margin-bottom:0; } .textoBanner p{ margin-top:0; } .cajas{ display: flex; flex-direction: row; gap: 24px; justify-content: space-between; } .caja{ display: flex; flex-direction: column; gap: 8px; border: 1px solid grey; box-shadow: 0 0 5px rgba(0,0,0,0.4); width: 300px; padding: 224px 24px 24px 24px; text-align: left; vertical-align: top; } .caja h2, .caja p{ margin: 0; } .caja.pintura{ background: url(/imagenes/imagen.php?dir=/imagenes&archivo=ilumina_con_pintura_archeos.jpg&h=200) center top no-repeat; } .caja.tarimas{ background: url(/imagenes/imagen.php?dir=/imagenes&archivo=tarimas_archeos.jpg&h=200) center top no-repeat; } .caja.solucion_integral{ background: url(/imagenes/imagen.php?dir=/imagenes&archivo=archeos_solucion_integral.jpg&h=200) center top no-repeat; } .caja .btn{ width: 100%; }