.cart-page .card:hover {
      transform: translateY(-6px);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    }
   .cart-page section{
    background: linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0.25)),
    url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRBJCW9DZlt5e9mRKam-vtuDreM7lZuVpbYEjP-aamYTEzIOLBx92Ymww&s");
    background-size: cover;
    background-position: center;
    animation: bgMove 10s ease-in-out infinite alternate;
}

@keyframes bgMove{
    0%{
        background-position: left center;
    }
    100%{
        background-position: right center;
    }
}
.cart-page .card {
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 15px;
  display: flex;
}

.cart-page .card::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg,
    transparent,
    #00ffcc,
    #ff00ff,
    #00ffcc,
    transparent
  );
  animation: borderRotate 4s linear infinite;
}

.cart-page .card::after {
  content: "";
  position: absolute;
  inset: 3px;
  background: #fff;
  border-radius: 12px;
  z-index: 1;
}

.cart-page .card-body,
.cart-page .card img {
  position: relative;
  z-index: 2;
}

@keyframes borderRotate {
  100% {
    transform: rotate(360deg);
  }
}