After rendering, the images fly off the screen, how can I fix them?

{
    "timeline": {
        "background": "#626060",
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-ingest-api-v1-sources.s3.ap-southeast-2.amazonaws.com/9bh422pq11/zzy8kiro-35vx-k54e-uvar-1n3lmz0liakd/source.jpg"
                        },
                        "start": 0,
                        "length": 5,
                        "effect": "slideDownSlow",
                        "transition": {},
                        "offset": {
                            "x": 0.2,
                            "y": 0
                        },
                        "position": "center",
                        "scale": 0.29,
                        "fit": "none"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-ingest-api-v1-sources.s3.ap-southeast-2.amazonaws.com/9bh422pq11/zzy8kisu-3ijq-a73q-ykpt-2rgl2n1sinue/source.jpg"
                        },
                        "start": 0,
                        "length": 5,
                        "effect": "slideUpSlow",
                        "transition": {},
                        "offset": {
                            "x": -0.201,
                            "y": 0
                        },
                        "position": "center",
                        "scale": 0.39,
                        "fit": "none"
                    }
                ]
            }
        ]
    },
    "output": {
        "format": "mp4",
        "fps": 25,
        "size": {
            "width": 1920,
            "height": 1080
        },
        "destinations": []
    }
}

Hello everyone, this is a problem. I add several images to the project, and add the slideDownSlow / slideUpSlow effects - everything is fine on the graft player, but after rendering, the effect pushes the images off the screen. I studied the code from the templates, I couldn’t find the difference. Please tell me what I’m doing wrong. Thanks

Hi Leonid. I’ve checked and I see what you mean about the images leaving the screen. It might be better to use the Carousel Up and Carousel Down Transition in slow speed to achieve the same effect. The images come from the top and bottom but remain on the screen.

Here is the JSON

{
    "timeline": {
        "background": "#626060",
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-ingest-api-v1-sources.s3.ap-southeast-2.amazonaws.com/9bh422pq11/zzy8kiro-35vx-k54e-uvar-1n3lmz0liakd/source.jpg"
                        },
                        "start": 0,
                        "length": 5,
                        "transition": {
                            "in": "carouselUpSlow"
                        },
                        "offset": {
                            "x": 0.2,
                            "y": 0
                        },
                        "position": "center",
                        "scale": 0.29,
                        "fit": "none"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-ingest-api-v1-sources.s3.ap-southeast-2.amazonaws.com/9bh422pq11/zzy8kisu-3ijq-a73q-ykpt-2rgl2n1sinue/source.jpg"
                        },
                        "start": 0,
                        "length": 5,
                        "transition": {
                            "in": "carouselDownSlow"
                        },
                        "offset": {
                            "x": -0.201,
                            "y": 0
                        },
                        "position": "center",
                        "scale": 0.39,
                        "fit": "none"
                    }
                ]
            }
        ]
    },
    "output": {
        "format": "mp4",
        "fps": 25,
        "size": {
            "width": 1920,
            "height": 1080
        },
        "destinations": []
    }
}