.box-image-text .image {
  min-height: 190px;
  max-height: 190px;
}

.box-image-text .image img {
  max-height: 190px;
  margin: auto;
}

.box-simple {
  min-height: 230px;
}

.blog-posts-container {
  display: flex;            /* Use flex display to create a horizontal layout */
  overflow-x: scroll;       /* Enable horizontal scrolling */
  -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
  padding-bottom: 20px;     /* Add some bottom spacing */
}

/* Style for individual post boxes */
.box-image-text.blog {
  flex: 0 0 auto;           /* Prevent posts from stretching to fill the container */
  margin-right: 20px;       /* Add spacing between posts */
}

/* Optional: Hide the default scrollbar */
.blog-posts-container::-webkit-scrollbar {
  display: none;
}