.overay-for-img{
    position:fixed;
    width:100%;
    height:100vh;
    background-color:#00000026;
    top:0px;
    left:0px;
    z-index:200000;
    display:none;
  }
  .overay-for-img.show{
    display:block;
  }
  .ads-holder{
    display:none;
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100vh;
    text-align:Center;
    z-index:200010;
    margin-top:40px;
  
  }
  .ads-holder.show{
    display:block;
  }
  .imge-holder{
    width:500px;
    margin:auto;
  }
  
  .imge-holder.show{
    animation-name:show-img;
    animation-duration: 4s;
  }
  
  .imge-holder span.close-ad
  {
    position: absolute;
    margin-left: 468px;
    margin-top: -14px;
    cursor:pointer;
  }
  .imge-holder svg{
    margin:15px;
  }
  .imge-holder img {
    width:100%;
    border-radius:14px;
  }
  .imge-holder img:hover
  {
    box-shadow: 3px 3px 8px 2px #aaaaaa66;
    cursor:pointer;
  }
  @keyframes show-img {
    from {margin-top:-500px;}
    to {margin-top:0px;}
  }
  @media only screen and (max-width: 600px) {
    .imge-holder{
      width:96%;
      max-width:300px;
       margin:auto;
  }
  .imge-holder span.close-ad
   {
    position: absolute;
    margin-left: 268px;
    margin-top: -14px;
    cursor:pointer;
   }
  }