Feat/BOOK-257 videoplayer with card

* feat(BOOK-257): Added VideoPlayer with card component
* feat(BOOK-257): Added queries and component for VideoCard block to Content and Collection pages
* fix(BOOK-257): Only setting object-fit: cover on the video if it is not fullscreen
* feat(BOOK-257): Added queries and component for VideoCard block to Startpage
* feat(BOOK-257): Added queries and component for Video block to content/collection/start page

Approved-by: Chuma Mcphoy (We Ahead)

packages/design-system/lib/components/VideoPlayer/VideoWithCard/variants.ts

@@ -0,0 +1,22 @@
+import { cva } from 'class-variance-authority'
+
+import styles from './videoWithCard.module.css'
+
+export const config = {
+  variants: {
+    variant: {
+      text: styles['variant-text'],
+      quote: styles['variant-quote'],
+    },
+    style: {
+      'primary-1': styles['style-primary-1'],
+      'primary-2': styles['style-primary-2'],
+    },
+  },
+  defaultVariants: {
+    style: 'primary-1',
+    variant: 'text',
+  },
+} as const
+
+export const variants = cva(styles.card, config)