<div class="article__image"> <div class="article__image__inner"> {% if element.image|valid_url %} <picture class="article__photo-picture"> {% set imageUrl = element.image|image_url('content_image') %} <source media="(max-width: 360px)" srcset="{{ element.image|image_url('content_image_small') }}"> <source media="(max-width: 760px)" srcset="{{ element.image|image_url('content_image_medium') }}"> <source media="(max-width: 1024px)" srcset="{{ element.image|image_url('content_image_large') }}"> {% if element.link %} <a href="{{ element.link }}" target="_blank"> {% endif %} <img class="article__image__image" src="{{ imageUrl }}" title="{{ element.title|default }}" alt="{{ element.alt|default }}"/> {% if element.link %} </a> {% endif %} </picture> {% endif %} </div></div>