Avenue: Can you top align the images in your grid when in autocolumn mode?

Site URL: https://www.dzrosen.com/

Does anyone know how to top align the index grid images in Avenue when you do autocolumns instead of the default layout? Attached is a screenshot and I just want the top of the grid to be aligned per the red line. Please let me know!

1 hour ago, dzrosen said:

Site URL: https://www.dzrosen.com/

Does anyone know how to top align the index grid images in Avenue when you do autocolumns instead of the default layout? Attached is a screenshot and I just want the top of the grid to be aligned per the red line. Please let me know!

I can suggest a way to align masonry items using pure css, feel free to try if it work for you

Reference: CSS Masonry layouts: Responsive, Lightweight, and EASY! (w3bits.com)

/* Masonry grid */
.thumbnail-layout-autocolumns #projectThumbs .wrapper  {
  transition: all .5s ease-in-out;
  column-gap: 10px;
  column-fill: initial;
  height: auto !important;
}
.thumbnail-layout-autocolumns #projectThumbs .project .project-image img {
  position: static !important;
}
/* Masonry item */
.thumbnail-layout-autocolumns #projectThumbs .project {
  margin-bottom: 30px;
  display: inline-block; /* Fix the misalignment of items */
  vertical-align: top; /* Keep the item on the very top */
  position: static;
  -width: auto !important;
  height: auto !important;
}
/* Masonry on tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .thumbnail-layout-autocolumns #projectThumbs .wrapper  {
    column-count: 2;
  }
}

/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
  .thumbnail-layout-autocolumns #projectThumbs .wrapper  {
    column-count: 3;
  }
}