background image on home page only using hook element

I am trying to use a specific background image for the homepage content area only using a hook element.

I set display to Frontpage only. I selected: generate_inside_site_container.

I added this to my hook area:

<style>
body {
background-image: url("http://XXXXXXXXX.com/wp-content/uploads/2022/02/beautiful-tropical-leaves-white-background.jpg");
}
</style>

But it's only displaying in the first widget of content.