Ciao, è possibile fare in vari modi.

Io farei una cosa del genere:
codice:
<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <style type="text/css">
      body{ margin: 0; }
      
      .box-cd-container{
        width: 100%;
        overflow: auto;
      }
      
      .box-cd-cover{
        width: calc( 100% / 3 - 10px );
        height: 350px;
        float: left;
        background: #4471c4;
        border: 1px solid #335392;
        box-sizing: border-box;
      }
      
      .box-cd-cover:not(:first-child){
        margin-left: 15px;
      }
      
      .box-cd-details{
        visibility: hidden;
        opacity: 0;
        position: absolute;
        height: 100px;
        top: 350px;
        left: 0;
        right: 0;
        background: #ffc000;
        border: 1px solid #be8f00;
        box-sizing: border-box;

        transition: visibility 0s linear 0.5s, opacity 0.5s linear;
      }

     .box-cd-cover:hover+.box-cd-details,
     .box-cd-details:hover{
        visibility: visible;
        opacity: 1;
        
        transition-delay: 0s;
      }
    </style>
  </head>
  <body>
    <div class="box-cd-container">
      <div class="box-cd-cover"><img src="img1.png" alt="copertina 1"></div>
        <div class="box-cd-details">contenuto 1</div>
      <div class="box-cd-cover"><img src="img2.png" alt="copertina 2"></div>
        <div class="box-cd-details">contenuto 2</div>
      <div class="box-cd-cover"><img src="img3.png" alt="copertina 3"></div>
        <div class="box-cd-details">contenuto 3</div>
    </div>
    <div style="background: grey">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis nibh sit amet mi elementum semper. 
      Quisque suscipit sem non est eleifend consectetur. Suspendisse malesuada massa lorem, id pharetra arcu iaculis a. 
      Aliquam in dolor vitae purus interdum vulputate vel ac augue. Nulla congue vehicula purus eget scelerisque. 
      Nullam suscipit metus id sem eleifend, ut molestie eros dictum. Curabitur faucibus urna nec ullamcorper pharetra. 
      Nunc eget lacus at arcu scelerisque gravida ut non lectus. Donec sit amet felis in justo hendrerit ornare eu sed risus. 
      Fusce suscipit, eros id cursus suscipit, urna orci ullamcorper velit, sed ultricies mauris enim sed quam. 
      Sed nibh ante, tempor ac eleifend non, sodales a massa. Phasellus ornare elementum semper. 
      Maecenas ullamcorper libero ex, eleifend porttitor lacus convallis a.
    </div>
  </body>
</html>


[Mod]
Quando posti del codice sul forum è opportuno utilizzare gli appositi tag di formattazione. Vedi regolamento di sezione (discussione in evidenza). Grazie.