Imagem sobre texto

by AnthraxisBR

HTML

<div class='footer'>
       <h4 class='text-center'><b><u> {$laudo['NM_MEDICO_CRM']} </u></b></h4>
	   <div class='img-footer'>
          <img src='https://cdn.bulbagarden.net/upload/thumb/0/0d/025Pikachu.png/250px-025Pikachu.png'/>
       </div>
</div>

CSS

.footer {
            position:absolute;
            top:150px;
            bottom: 20;
            width:100%;
            height:200px
      }
      .footer .text-center{
        text-align:center;
      }
      .img-footer{
          width: 40%;
          margin: auto;
      }
      .img-footer img{
          margin-left:0px;
          margin-top:-150px;

      }