Responisve Image in SXA

Having different images to optimize the experience on different devices (or screen resolutions) is essential. Here's a quick implementation example on how to achieve that using Rendering Variants (Scriban or Items). A walk through from A to Z starting creating a module, clone a rendering, adjust the templat, create a custom experience button, creating the variants using items and scriban and installing the module to the site in order to test it.