<style type="text/css">
   div.texthover
   {
   display:block;
   position:relative;
   width:200px;
   color:white;
   }
   div.texthover .overlay
   {
   position:absolute;
   top: 0%;
   width:100;
   width:200px;
   display:none;width:200px;
   background-image: url("https://image.ibb.co/nK3Dkk/Untitled_2.png");
   align:center;
   }
   div.texthover:hover .overlay
   {
   display:block;
   width: 220px;
   height: 220px;
   }
   p {
   text-align:center;
   font-size:12px;
   }
   h2{
   text-align:center;
   }
</style>
<div class="texthover">
   <br />
   <img src="http://pngimg.com/uploads/bmw_logo/bmw_logo_PNG19712.png" width="200" height="200" />
   <div class="overlay">
      <br/>
      <span>
         <h2><font color="#FFF"><b>Drużyna a:</b></font></h2>
         <p>- Zawodnik 1</p>
         <p>- Zawodnik 2</p>
         <p>- Zawodnik 3</p>
         <p>- Zawodnik 4</p>
         <p>- Zawodnik 5</p>
      </span>
   </div>
</div>