Responsive background image demo

A Carrd demo to show how you can have different background images on different screen sizes. Or the same image in different aspect ratios on different screen sizes.Resize your browser window to see the effect. There's 3 different background images as you reduce the screen size.

• See more Carrd plugins

Made by @jasonleowsg

TUTORIAL

Here's how to set up this plugin:- Copy all the code and paste into an Embed element.- Set Embed element to Hidden, Head- Replace the URLs of the background-image in the CSS code → the first one is for desktop view, while the ones under @media screen are for other screens.You will need at least the Pro Standard plan to use this.