Using background image size contain or cover property how to set background image fit(full width) to web page but with certain height

See more:

CSS

HTML

CSS3

HTML5

hey guys i have one question using background image size contain or cover property how do i set background image fit(full width) to web page but with certain height. i'm trying to do this layout. it is given in the comment box please take a reference of that. so anyone know how to do that and also i want add two images on the background image like what is in image:- "two ktm images on one blue Lamborghini background image"? please give me example i'm new in this. also i have provided my code link what i have tried.

What I have tried:

my code
Edit fiddle - JSFiddle[^]

what i have tried using background size property but image is not displaying full size and if i use contain property then image is full but not full fit width. Image Reference Link ibb.co/b1G0Fa What I'm Actually trying to make like this Layout