@media screen and (max-width: 850px) {
  .productcards[data-columns='col-3'] .productcards__card {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .productcards[data-columns='col-3'] .productcards_info {
    display: block;
  }
}
@media screen and (max-width: 670px) {
  .productcards[data-columns='col-3'] .productcards_info {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .productcards[data-columns='col-3'] .productcards_image picture {
    width: auto;
  }
}