upload.css

h1 {
    font-size: 50px;
    margin-top: 18px;
    margin-bottom: 24px;
    color : white;
  }
  div{
    color: white
  }
  img {
  height: 95px;
  }
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');*{margin: 0;padding: 0;font-family: 'Poppins', sans-serif}body{background-color: #161623;min-height: 100vh}body::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(#2d2dff, #ff2f2f);clip-path: circle(25% at right)}body::after{content: '';position: absolute;left: 0;top: 0;width: 100%;min-height: 100vh;height: 100%;background: linear-gradient(#870aec, #6e0b81);clip-path: circle(20% at 10% 10%)}.container{margin-top: 80px;margin-bottom: 80px;position: relative;z-index: 100}.container .row .card{width: auto;height: auto;margin: 30px;background: rgba(255, 255, 255, 0.1);overflow: hidden;backdrop-filter: blur(5px);border-top: 1px solid rgba(255, 255, 255, 0.5);border-left: 1px solid rgba(255, 255, 255, 0.5);border-radius: 15px;cursor: pointer}.container .row .card .card-body{padding: 1rem 1.2rem;color: #fff}.container .row .card .card-body .card-img img{width: 60px;height: 60px;object-fit: cover;transform: translateY(50px);transition: 0.5s;border-radius: 50%}.container .row .card .card-body .name{transform: translateY(50px);transition: 0.5s}.container .row .card .card-body .testimonial{font-size: 0.9rem;pointer-events: none;transform: translateY(10px);transition: 0.5s;opacity: 0}.container .row .card:hover .card-body .testimonial, .container .row .card:hover .card-body .name, .container .row .card:hover .card-body .card-img img{transform: translateY(0px);opacity: 1}
  @media(max-width: 991.5px){body::after{clip-path: circle(40% at 10% 50%)}body::before{clip-path: circle(50% at right -10%)}}