Hello I am new to this however I have been working on these images for weeks and I keep getting the same results. The 3 images of the therapist side by side. The image of Amanda looks perfect and previously Chrissy did as well. Now when I drag the images to the “team photo” Name its class it puts it right into the circle for the team photo but it distorts the image. This is the problem. I have looked at the second site listed below several times to see what is different and I cannot figure it out. I have watch several Webflow university on “class” with no success. What am I missing.
2 site listed- the first is the one listed is the problem. The second is the example of what I want. Thank you for your help.
looking at the home page! 2 screen shots below. 30%20PM|690x328
I am including a screen shot of what comes up. I copied Amanda’s image 2x. There is not a duplicate class option that I am seeing. I see duplicate separate from class & rename class or add class.
How do I set the correct background Image?
I’ve looked at your (squished version) and the below is still the case or has reverted:
If you want to use just background images in this case, you need to remove the Team Photo ‘image elements’ entirely (like Chrissy in the above) and copy/paste Amanda’s Team Photo ‘div block’ instead (like you had in today’s initial reply - 3 Amanda ‘div blocks’)
Then in those - duplicate the class to eg ‘Team Photo Chrissy’’ and ‘Team Photo Mayumi’. Now they can have their own individual background image assigned.
Just to note - ideally background images should be used for background/decoration, whereas an image element is to give something context, so ideally use an image element. However in your case you would need to ensure each original image had the same square proportions/dimension, or that you had created the circular effect before uploading them - great explanation here from@vincentCrop images automatically )