.post-figure {
  max-width: 450px;      /* limit width on large screens */
  margin: 0 auto;        /* center */
}

.post-figure img {
  display: block;
  width: 100%;           /* fill the figure */
  height: auto;          /* keep aspect ratio */
}

.post-figure figcaption {
  text-align: center;
  margin-top: 0.5em;
  font-size: 0.9em;
  color: #666;
}

/* Optional: add side padding on very small screens */
@media (max-width: 480px) {
  .post-figure {
    max-width: 100%;
    padding: 0 1rem;
  }
}

.video-wrapper {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  padding: 0 !important;
  display: block !important;
}

.video-wrapper iframe {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  display: block !important;
}