// Pure CSS justified gallery taken from https://jsbin.com/tisaluy/8/edit?html,css,output
// if it doesnt work try https://miromannino.github.io/Justified-Gallery/

$gallery-gutter: 2px;

.ce-flexiblegallery {

  display: flex;
  flex-wrap: wrap;
  margin-left: -$gallery-gutter;
  margin-right: -$gallery-gutter;

  &::after {
    content: '';
    flex-grow: 999999999;
  }
}


.gallery-item {
  margin: $gallery-gutter;
  position: relative;


  figure {
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    vertical-align: bottom;
  }

  .image-embed-item {
    width: 100%;
    height: 100%;
  }
}
