Offcanvas - Background image - Suggestions?

I’ve been attempting to add a background image to an offcanvas component.
Here’s the css:

background_code3632×1585 800 KB

Here’s the result:

background_example2465×1787 408 KB

Is there a way to have the image to dynamically fill the offcanvas container and show the whole image across viewports?

As always - thanks…