.community-card {
  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: 2rem;

  padding: 2rem;

  border-radius: 32px;

  background: var(--surface);

  border: 1px solid var(--border);
}

.community-card iframe {
  border-radius: 16px;

  max-width: 100%;
}

@media (max-width: 768px) {
  .community-card {
    padding: 1rem;
  }

  .community-card iframe {
    width: 100%;
    height: 500px;
  }
}