Embedded images showing up with white bars

Okay, so Im trying to add an image viewer to my wifes website, its supposed to expand embedded images so that they are easier to see.

when i add images onto the page (via embed) they come out with big nasty, white bars on the bottom and right most sides

Whats supposed to happen is the image should zoom to fill the window, instead it sits up at the top left of the viewer, and the rest of the space is taken by white bars.

This also happens outside of the viewer inside of the portfolio and featured display.

the code is inside of the "Viewer" section.

Secondarily, heres roghly the prompt that i used, with all of the stuff ive added to it over time to try and fix it:
Make an expanded view for all of the images i add to the site that takes up the window, make the images zoom to fit the space and make any white bars transparent, and make sure that the image is centered in the viewer. it is important there is no white showing at all.

https://v0.dev/chat/furry-art-website-yCV87FCgh00

Did you know about these other v0 resources? A human should be here soon to help, but the answer may already be available even faster in one of these other posts.

This guide is a great place to start.

And these recordings can give you a look at v0 features and strategies in action: Topics tagged v0

you can add images into the deal by going to /admin/login, its just some generic deal that i set as “PocketSerg@Intrashare.org” and the password is just “admin123”

Can you help me understand why you’re using an iframe to embed the images? That’s going to give you much much less control over how you display them