.anime-box {
    display: flex;
    width: 98%;
    height: inherit;
  }
  
  .card {
    height: 200px;
   /*  width: 200px; */
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
  }
  
  .card:hover {
    flex: 3;
    transition: all 0.4s ease;
  }
  
  .one {
    background-image: url("https://jw-webmagazine.com/wp-content/uploads/2020/08/Anime-Demon-Slayer-Kimetsu-no-Yaiba.png");
    background-size: cover;
    flex: 1;
  }
  
  .two {
    background-image: url("https://origin.go.gq.com.au/wp-content/uploads/2020/04/one-punch-man.jpg");
    background-size: cover;
    flex: 1;
  }
  
  .three {
    background-image: url("https://animemangaplus.files.wordpress.com/2015/04/ryuugajou-nanana-no-maizoukin-animemage1.png");
    background-size: cover;
    flex: 1;
  }
  
  .details {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(40px);
    color: #1da1f2;
    font-size: 25px;
    display: flex;
    font-family: Consolas, monaco, monospace;
    justify-content: center;
    align-items: center;
    font-weight: 700;
  }
  
  .hide {
    display: none;
  }
  
  .show {
    display: block;
  }
  
  .card p {
    padding: 5px;
    background: black;
  }