/* Shared by the public page and the UX Builder preview. */
.flo-look-grid.flo-block-posts {
  grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr));
}
.flo-look-grid .journal-card img,
.flo-look-grid .journal-card-placeholder {
  aspect-ratio: var(--flo-image-ratio, 4 / 5);
  object-fit: cover;
}
.flo-block-image[style*="--flo-image-ratio"] img {
  width: 100%;
  height: auto;
  aspect-ratio: var(--flo-image-ratio);
  object-fit: cover;
}
@media (max-width: 849px) {
  .flo-look-grid.flo-block-posts {
    grid-template-columns: repeat(var(--cols-md, 2), minmax(0, 1fr));
  }
}
@media (max-width: 549px) {
  .flo-page .flo-look-grid.flo-block-posts {
    grid-template-columns: repeat(var(--cols-sm, 1), minmax(0, 1fr)) !important;
  }
}