Hero with different Background Image [Solved]

[tom2]

Hi. Is it possible to use a Hero but with a different Background Image ? Because the image looks good at desktop but not on mobile ?
Cheers
Tom

[PeteSharp]

@tom2

Is it possible

Yes it is possible.

[tom2]

Let me ask the question different. Is it possible and how to do it. That’s better ?

[KBConcepts]

@tom2

how to do it

Here is a post that may help. Just change it to photos (images)

Full Size (Hero) Images / Videos per Breakpoint

Once we have sized the 4 different videos for full screen, How can this feature be accomplished with videos for each breakpoints? We know we can make a custom class and add images for each breakpoint. [2021-07-20_115013] By dragging an image into the class editor for each breakpoint. [breakpoint-2]

[PeteSharp]

Custom class - bg image, change it on breakpoints, don’t add the image using the side panel.

It will inherit the styling of the hero.

[tom2]

Thanks @PeteSharp snd thanks @KBConcepts

[KBConcepts]

I found that encoding my video or optimizing my images to these sizes works well.

2550 X 1667px - Desktop
992 X 661px - Laptop
768 X 512px - Tablet
576 X 384px - Mobile