Ren'Py How can I adjust an image so its in the right location of a background webm video?

[Freeworlddev]

Hey guys,

I've got two images: a PNG file of a car interior and a webm file of a moving forest that's fixed behind the car interior. The idea is to make it look like the car is driving forward while the looping forest is played.

Car interior:

You must be registered to see the links

Forest loop video:

You must be registered to see the links

However, my script looks like this:

transform fullscreen:
    size (1920, 1080)

image forest = Movie(play="images/cgs/prologue/prologue_carinterior/forest.webm", size=(1920, 1080), loop=True)

image car_interior = "images/cgs/prologue/prologue_carinterior/carinterior.png"

show forest

show car_interior at fullscreen

In the end, I get a misaligned car interior image that looks like this:



As you can see, it looks like the car is doing a wheelie lol, it's not aligned right in the image. Is there some renpy code I can do to adjust the image itself? In addition, there's some weird black bars at the windows, how would I fix that?

 

[Freeworlddev]

Update:

The issue is mostly fixed with the following:

    init python:
        SCR_xy = (config.screen_width,config.screen_height)

    transform scr_fill(xy=SCR_xy):
        xysize xy
        fit 'cover'
        truecenter

    show forest:
        scr_fill
        offset (100,-400) #try to play with numbers it should place the picture behind on correct spot
    show car_interior:
        scr_fill
        offset (0,0) # you can move it here as well. which is more appealing to your taste