I am pretty new to bubble and website making in general. I am trying to create a pop-up for my image gallery. My popup primarily includes an image and some extra dynamic information about that picture. Since every picture in the gallery will be different in resolution/ratio, I wanted it so that the popup would change in size to fit the content (mainly the image, as it will dictate the shape) while simultaneously scaling the image (including captions) to fit. In other words, the image should have either its height or/and width, whichever comes first, scaled until it reaches the predefined maximum size of the popup, and then the popup should change its size in order to fit the content within nicely.
Right now, the image is either cut off or oversized, so I need to scroll inside the pop-up.
This is what the popup looks like right now, the image is cut off here, and also requires scrolling to see the rest and the caption. In this example, I’m hoping that the image is scaled smaller in width, so the entire height and captions below can be viewed without needing to scroll.
Sorry if Im bad at explaining, but Im really stuck and confused.