@media only screen and (max-width: 600px) {
  /*CARDS*/

  .product {
    position: relative;
    max-width: 60%;
    box-shadow: 0px 6px 7px 1px black;
    border-radius: 15px;
    overflow: hidden;
  }

  .product:hover {
    transform: scale(1.1);
    transition: 100ms;
  }

  .product .imgbox img {
    display: block;
    width: 100%;
  }
}