.yt-col{
   margin-bottom:40px;
 }
 .yt-video{

   aspect-ratio: 16 / 9;
   
 }

 .yt-box {

    height:170px;
    position:absolute; 
    width: 100%; 
    cursor:pointer;
    z-index:5;
    bottom:0px;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.9360119047619048) 3%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9360119047619048) 3%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.9360119047619048) 3%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
 
 }
 .yt-title{
   margin: 0;
   position: absolute;
   bottom:2px;
   padding:10px;
   text-align:center;
   color:#FFF;
   width:100%;
   line-height: 20px;
   
 }

 @media only screen and (max-width: 768px) {

 }