{% load wagtailimages_tags %} {% if self.images %}
{% for image_block in self.images %} {% if image_block.image %}
{% firstof image_block.image_alt_text image_block.image.alternative_text as alt_text %} {% picture image_block.image format-{avif,webp,jpeg} fill-{400x400,600x600} sizes="(max-width: 640px) 100vw, (max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw" loading="lazy" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" alt=alt_text|default:"Article image" %}
{% endif %} {% endfor %}
{% endif %}