diff --git a/site/snippets/event-card.php b/site/snippets/event-card.php
index 5e7c60c..ce680c4 100644
--- a/site/snippets/event-card.php
+++ b/site/snippets/event-card.php
@@ -2,7 +2,10 @@
   <a class="event-card__link" href="<?= $event->url() ?>"></a>
   <div class="image-wrapper">
   <?php if ($event->gallery()->toFiles()->count() > 1): ?>
-    <img class="image-cover" src="<?= $event->gallery()->toFiles()->first()->url() ?>" alt="">
+    <?php snippet('picture', [
+      'file' => $event->gallery()->toFiles()->first(), 
+      'class' => 'image-cover'
+    ]) ?>
   <?php endif ?>
   <?php 
     $file = $event->gallery()->toFiles()->count() > 1 ? $event->gallery()->toFiles()->nth(1) : $event->gallery()->toFiles()->first();
diff --git a/site/snippets/picture.php b/site/snippets/picture.php
index 746aeb2..3a61e65 100644
--- a/site/snippets/picture.php
+++ b/site/snippets/picture.php
@@ -9,11 +9,12 @@
         $src = $crop === 'banner' ? $file->crop(1600, 800)->url() : $file->url();
         $width = $crop === 'banner' ? $file->crop(1600, 800)->width() : $file->resize(1800)->width();
         $height = $crop === 'banner' ? $file->crop(1600, 800)->height() : $file->resize(1800)->height();
+        $class = isset($class) ? 'class="' . $class . '"': '';
     ?>
 
 
 
-    <picture>
+    <picture <?= $class ?>>
         
         <source srcset="<?= $webPSrcset ?>"
             sizes="<?= $sizes ?>" type="image/webp">