.my-business {
  width: 100%;
  height: var(--size-half-square, 25vw);
  display: flex;
  align-items: center;
  justify-content: center;
}

.business-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  height: 100%;
}

.business-card {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 768px) {
  .my-business {
    height: var(--size-square-sp, 100vw);
  }

  .business-cards {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }

  .business-card {
    aspect-ratio: 1 / 1;
    object-fit: contain;
  }
}