.video-card {

   max-width: 720px;

   margin: 40px auto;

 }



 audio {

   width: 100%;

   margin-top: 20px;

 }



 .video-container {

   position: relative;

   width: 100%;

   height: 182px;

   /* Puoi modificare l'altezza */

   overflow: hidden;

 }



 .video-container video {

   position: absolute;

   top: 50%;

   left: 50%;

   min-width: 100%;

   min-height: 100%;

   transform: translate(-50%, -50%);

   object-fit: cover;

   z-index: 0;

 }



 .video-container::before {

   content: "";

   position: absolute;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2));

   z-index: 1;

 }



 .video-content {

   position: relative;

   z-index: 2;

   color: white;

   text-align: center;

   < !-- padding: 100px 20px;

   -->< !-- max-width: 800px;

   -->margin: 0 auto;

   < !-- background-color: rgba(0, 0, 0, 0.5);

   -->< !-- border-radius: 15px;

   -->box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);

   text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);

 }