//.body {
//  width: 100%;
//  height: 100vh;
//  background-color: #000;
//
//  display: grid;
//  place-items: center;
//}
.pizza {
  width: 30%;
  height: 100%;
  object-fit: cover;

  -webkit-box-reflect: below 2px
    linear-gradient(transparent, transparent, #0004);

  transform-origin: center;
  transform: perspective(800px); 
  transition: 0.5s;
}
.contain {

    max-height: 369px;
    margin: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
// transition: 0.5s;
}
.contain:hover img {
  opacity: 0.3;
}
.contain img:hover {
// transform: perspective(800px) rotateY(-20deg);
scale: 1;
transition-duration: 0.5s;
transition: 0.3s;
  opacity: 1;
}