Social Media Grid

Media Grid
- Displays a grid of four media items with images or videos.
- Supports major social media platforms (e.g., Instagram, Facebook, TikTok).
- Links each media item to a specific social post URL.
Section Layout
- Full-width and full-bleed options for a seamless design.
- Adjustable grid gap spacing for media separation.
- Selectable image aspect ratios (1:1 or 9:16).
Accessibility
- Includes alt text for images or video posters for better SEO and accessibility.

Field	Required	Default	Description
Media Alt	Optional	`"Man in white short sleeve..."`	Alt text for the image or video poster.
Image	Optional	Preconfigured images	URL to the image used in the grid.
Video	Optional	`null`	Video URL (image used as the poster frame if provided).
Platform	Required	`"instagram"`	Select from supported platforms: Instagram, Facebook, TikTok, YouTube, etc.
Social Post URL	Optional	`"<https://www.instagram.com>"`	URL linking the media to the relevant social post.

Field	Required	Default	Description
Full Width	Optional	`false`	Removes the max width constraint of the section.
Full Bleed	Optional	`true`	Removes the padding around the section.
Image Aspect Ratio	Optional	`"aspect-[1/1]"`	Sets the aspect ratio for media items (1:1 or 9:16).
Grid Gap Spacing	Optional	`"gap-[1px]"`	Sets the gap spacing between grid items. Options range from 0px to 24px.