.civic-card-preview {
  margin: 0;
  padding: 28px 24px 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  border-radius: 6px;
  background: radial-gradient(ellipse at 45% 40%, #2c5147, #142f2c 75%);
  color: #d0e1d6;
}
.civic-card-preview img {
  width: 160px;
  max-width: 100%;
  transform: rotate(-5deg);
  filter: drop-shadow(0 14px 18px #071d1a66);
}
.civic-card-preview figcaption {
  font-size: .65rem;
  text-align: center;
}
@media (max-width: 700px) {
  .civic-card-preview { padding: 26px 24px 20px; gap: 20px; }
  .civic-card-preview img { width: 145px; }
}