How to set an image full span in a section?

Design help General
1

Hello there!

I’m a newbie to webflow, so I appreciate all the help!!!

I’m thinking about doing something like this for the top section of homepage.

屏幕截图(99)
屏幕截图(99)1920×1080 343 KB

However, it looks like these below when I upload on the “hero section” as background image. It is either repeating or somewhat cut off.

屏幕截图(101)
屏幕截图(101)1920×1080 384 KB
屏幕截图(102)
屏幕截图(102)1920×1080 387 KB

I wonder what is the best way to display my image in its desired size? Should I alter the width of the image? Or should I split the image into two and put a column in the hero section and put two images in it (left and right) separately?

Here is the link to my project: Webflow - Jason Chen's Portfolio

Thanks!

2

Hi @Jason_Runyuan_Chen, thanks for the good question. I would probably suggest styling that as an image widget:

https://cl.ly/1B431B2W472V/Screen%20Recording%202017-09-30%20at%2009.38%20AM.mov

I hope this helps!

3

Oh wow thank you so much for this video! Much appreciated!! :DDDD

And interesting hmm, I guess next time I would just have to try and toggle among background image and image widget until I get my desired state?

Thanks!