ISBAT use a Masonry Gallery block that is not based on masonry.desandro.com

[AnthonyLedesma]

Describe the bug:

There are a number of open issues on CoBlocks related to UX concerns of the Masonry gallery block. One of our main issues with the Masonry gallery block is that sometimes the images do not render correctly in a masonry layout especially in a mobile view.

We should consider another 3rd party library that will allow us to achieve a masonry layout usable with the Masonry Gallery block.

We should match all of these criteria when the block has been refactored into a new library.

• ISBAT sort images in Masonry Gallery - Something like ascending, descending by upload date, or random, or append to top or bottom.
  • This is a complicated feature and should be handled in a future iteration.
• ISBAT have a variety of image size display options available to users - (400px, 1200px etc)
• ISBAT access image replace controls both on image and in block toolbar
  • Image replace and move controls will not exist presently on the Masonry block. This feature is not mirrored in the new Gallery architecture but may come from the core as the v1 Gallery did.
• ISBAT transform into other blocks that have gutter controls
• ISBAT update image captions from within the media library as well as block editor
• ISBAT has a mobile view that displays images in a single column
• ISN use jQuery in refactored Masonry Gallery
• ISB using the newer size controls and deprecated the old controls
  • Size controls have been deprecated and removed. I think we should consider the fourth masonry column when the block is set to full width.