Generate Social Media Images Via API

{
    "timeline": {
        "fonts": [
            {
                "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/Arimo.ttf"
            }
        ],
        "background": "#1DA1F2",
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Someone's Name<p/>",
                            "css": "p { font-family: \"Arimo\"; color: #000000; font-size: 38px; text-align: left; font-weight: bold}",
                            "width": 500
                        },
                        "start": 0,
                        "length": 5,
                        "offset": {
                            "x": 0.1,
                            "y": 0.22
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>@handle<p/>",
                            "css": "p { font-family: \"Arimo\"; color: #7F7F7F; font-size: 38px; text-align: left; }",
                            "width": 500
                        },
                        "start": 0,
                        "length": 5,
                        "offset": {
                            "x": 0.1,
                            "y": 0.17
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Lorum ipsum dolor sit amet, consectetur, adipiscing elit. Donec cursus consequat libero, in cursus lorem pretium quis.<p/>",
                            "css": "p { font-family: \"Arimo\"; color: #000000; font-size: 56px; text-align: left; }",
                            "width": 675,
                            "height": 350
                        },
                        "start": 0,
                        "length": 5,
                        "offset": {
                            "x": 0,
                            "y": -0.1
                        }
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/templates/tweet/photo.png"
                        },
                        "start": 0,
                        "length": 5,
                        "fit": "none",
                        "scale": 0.5,
                        "offset": {
                            "x": -0.25,
                            "y": 0.2
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<div></div>",
                            "width": 800,
                            "height": 700,
                            "background": "#FFFFFF"
                        },
                        "start": 0,
                        "length": 5
                    }
                ]
            }
        ]
    },
    "output": {
        "format": "png",
        "size": {
            "width": 1000,
            "height": 1000
        }
    }
}