/* Styling for the gallery container */
.gallery-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* Styles for images within the gallery container */
.blog-post {
  width: 50%; /* Display two images in one row for desktop */
  padding: 7px;
  box-sizing: border-box; /* Include padding in the width calculation */
  height: 350px;
}

.gallery-container .imagebox {
  width: 100%; /* Ensure each image container takes the full width of the container */
  height: 360px; /* Define a fixed height for the images (adjust as needed) */
  overflow: hidden; /* Hide any overflowing content (helpful for maintaining aspect ratio) */
}

.gallery-container .imagebox img {
  width: 100%; /* Ensure the image takes the full width of the container */
  height: 100%; /* Set the image height to fill the imagebox container */
  object-fit: cover; /* Maintain aspect ratio while covering the container */
}

.gallery-container .imagebox:hover img {
  transform: scale(1.2); /* Enlarge the image by 10% (1 + 0.1 = 1.1) */
}	

.division {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  margin: 20px 0;
}

.division img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .gallery-container .blog-post {
    width: 100%; /* 1 image per row for mobile screens */
  }
}