feat: add aspectRatio prop to StylePreview for dynamic sizing

src/features/project/CaptionSettingsStep/StylePreview.module.scss

@@ -4,6 +4,7 @@
 	background: #0c0a1a;
 	border-radius: 8px;
 	overflow: hidden;
+	width: 100%;
 }
 
 .small {

src/features/project/CaptionSettingsStep/StylePreview.tsx

@@ -15,6 +15,7 @@ interface IStylePreviewProps {
 	config?: CaptionStyleConfig | null
 	size?: "small" | "large"
 	className?: string
+	aspectRatio?: number
 }
 
 const SMALL_SCALE = 0.65
@@ -91,6 +92,7 @@ export const StylePreview: FunctionComponent<IStylePreviewProps> = ({
 	config,
 	size = "small",
 	className,
+	aspectRatio = 9 / 16,
 }): JSX.Element => {
 	const safeConfig = config ?? {}
 	const highlightColor = safeConfig.text?.highlight_color ?? "#FFFF00"
@@ -99,7 +101,7 @@ export const StylePreview: FunctionComponent<IStylePreviewProps> = ({
 	return (
 		<div
 			className={cs(styles.root, styles[size], className)}
-			style={buildPositionStyles(safeConfig, scale)}
+			style={{ ...buildPositionStyles(safeConfig, scale), aspectRatio }}
 			data-testid="StylePreview"
 		>
 			<div