.awsm-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem; /* optional: adds clean spacing */
}

.awsm-grid-card {
  box-sizing: border-box;
  flex: 1 1 calc(25% - 1rem);
  max-width: calc(25% - 1rem);
}

@media (max-width: 1200px) {
  .awsm-grid-card {
    flex: 1 1 calc(33.333% - 1rem);
    max-width: calc(33.333% - 1rem);
  }
}

@media (max-width: 900px) {
  .awsm-grid-card {
    flex: 1 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
}

@media (max-width: 640px) {
  .awsm-grid-card {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .awsm-grid-card img {
    width: 250px !important;
    margin-left: auto !important; 
    margin-right: auto !important; 
  }
}