/* Container for all post-thumbnails */
.posts-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; /* adjust as needed */
}

.post-thumbnail {
  flex: 0 0 calc(20% - 2%);  /* assuming 5 items per row with a 2% margin */
  margin: 1%;
}

.post-thumbnail img {
  width: 100%;
  height: 300px; /* or whatever height you prefer */
  object-fit: cover;
}

.center-image img {
  display: block;
  margin: 0 auto;
  margin-bottom: 25px; /* Adjust as per your requirement */

}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ratio */
    margin-bottom: 25px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.center-iframe-container {
    position: relative;
    width: 100%; /* Takes the full width of its parent */
    overflow: hidden; /* Ensures no overflowing content */
    /* This padding-top maintains the 16:9 ratio */
    padding-top: 56.25%; /* 9/16 = 0.5625, so 56.25% */
    margin-bottom: 25px;
}

.center-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    border: none;
    margin-bottom: 25px;
}

.custom-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
}
.custom-gallery img {
  max-width: 100%
}