@media screen and (max-width:562px) {
  .productCardContainer {
    width: 100%;
    height: fit-content;
  }
  
  .productlist a {
    width: 80%;
    height: fit-content;

  }
  
  .productImageContainer {
    width: 96%;
    height: fit-content;
    margin-left: 2%;
    padding-left: 0px;
    padding-top: 2%
  }
  
  img.productImage {
    width: 100%;
    height: auto;
  }
  
  .productInfoContainer {
    margin: 0px 2% 0px 2%;
  }
  
}