@media screen and (max-width: 875px) {
  .productcards[data-columns='col-2'] .productcards__card {
    width: 48%;
  }
}
@media screen and (max-width: 670px) {
  .productcards[data-columns='col-2'] .productcards__card {
    width: 100%;
  }
  .productcards[data-columns='col-2'] .productcards_info {
    display: block;
  }
  .productcards[data-columns='col-2'] .productcards_image {
    align-items: flex-start;
    flex: 0 1 auto;
  }
}