How can I customize the service portal login page with two different images in two different containers?

[lfaucher]

 I added an image in each container but it doesn't show correctly when previewing it.  I'm attaching an image on the edit page and the preview page.  I can't get the bottom image to display to the bottom of the page.

On Container 1 (top), the width is fixed and the background style is "Cover."  Only part of the image is showing in preview mode.

On Container 2, width is fixed and the background style is "Cover."  How can I have it expand the rest of the page?  Do I have to keep adding containers with the same image??

I have tried some css options based off what I have read on the forums but still can't get it to work.  Any guidance is appreciated.

[Siddhant]

Did you tried changing the height of the containers?

[lfaucher]

I think I did but am willing to try again. Do you do that in the css code?  What is the max you can expand it?

[Siddhant]

Just provide a name to the css class field in the container

and provide a height of 650px to both containers to test if this works

Then we can adjust the height if it works

[lfaucher]

This is what I put in

.test_class {
height: 650 px;

}

Results are the same

[Siddhant]

Can you also provide the details of the container properties?