.ui-group-card {
  position: relative;
  transition: box-shadow 200ms ease;
}

.ui-group-card:hover {
  box-shadow:
    0 8px 28px -8px rgb(15 23 42 / 12%),
    0 2px 8px -2px rgb(15 23 42 / 4%);
}

.ui-group-card img {
  transition: scale 300ms ease;
}

.ui-group-card:hover img {
  scale: 1.04;
}

@media (prefers-reduced-motion: reduce) {
  .ui-group-card,
  .ui-group-card img {
    transition: none;
  }

  .ui-group-card:hover img {
    scale: none;
  }
}