#loader {
       position: fixed;
       background-color: black;
       width: 100%;
       height: 100%;
       z-index: 9999;
       display: flex;
       flex-wrap: wrap;
       top: 0;
       justify-content: center;
       align-items: center;
   }
   
   #loader img {
       width: 400px;
       height: 400px;
   }
   
   .play {
       width: 100%;
   }
   
   @media screen and (max-width: 767px) {
       .row .card-gird {
           display: flex;
           justify-content: center;
           align-items: center;
       }
   }