.benefits-list {
  --iconSize:70px;
  --gridSize:220px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(var(--gridSize), 100%), 1fr));
  gap:var(--wp--preset--spacing--m);
  padding-top: var(--wp--preset--spacing--m);
} 

.benefits-list li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap:var(--wp--preset--spacing--xxs);
}

.benefits-list li img {
  max-width: var(--iconSize);
}


@media only screen and (max-width: 820px) { 
  .benefits-list {
    --iconSize:70px;
    --gridSize:140px;
  }
}