How to adjust the aspect ratio to 16:9 on video collections library - Squarespace 7.1

The video collections by default outputs the images as 3:2 ratio. If you are using using thumbnails auto generated from Vimeo for example, this improves the layout and prevents cropping.

---

Add the following to your Custom CSS

// Video Thumbnails 16x9
.lessons.collection-content-wrapper .grid-image-wrapper { 
  padding-bottom: 56.25%;
}