diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index 3889cd3..bf449a8 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -34,6 +34,10 @@ jobs:
         with:
           fetch-depth: 1
 
+      - uses: nanasess/setup-chromedriver@v2
+        with:
+          chromedriver-version: 119.0.6045.105
+
       - uses: ruby/setup-ruby@v1
         with:
           ruby-version: ${{ env.RUBY_VERSION }}
diff --git a/app/cells/decidim/newsletter_agenda/agenda_events/themes/canodrom.erb b/app/cells/decidim/newsletter_agenda/agenda_events/themes/canodrom.erb
index de29e8e..e3c4f09 100644
--- a/app/cells/decidim/newsletter_agenda/agenda_events/themes/canodrom.erb
+++ b/app/cells/decidim/newsletter_agenda/agenda_events/themes/canodrom.erb
@@ -152,8 +152,8 @@
   .footer-social__icon {
     display: inline-block;
     margin-right: 0.5rem;
-    width: 20px;
-    height: 20px;
+    width: 20px !important;
+    height: 20px !important;
   }
 
   .footer-social__icon:last-child {
@@ -165,6 +165,11 @@
     margin: 0 auto;
   }
 
+  img {
+    -ms-interpolation-mode: nearest-neighbor;
+    -ms-interpolation-mode: bicubic;
+  }
+
   @media only screen and (max-width: 500px) {
     .event-box,
     .footer-box {
@@ -220,9 +225,9 @@
           <tr>
             <td>
               <table class="row content image">
-                <tr>
-                  <th class="small-12 first columns">
-                    <%= image_tag image_url(:main_image, resize_to_fit: [653, 436]) %>
+                <tr align="center">
+                  <th class="small-12 first columns" align="center">
+                    <%= image_tag image_url(:main_image, resize_to_fit: [653, 436]), width: "653", height: "436" %>
                   </th>
                   <th class="expander"></th>
                 </tr>
@@ -240,7 +245,7 @@
   </tr>
   <tr>
     <td class="agenda">
-      <table class="agenda">
+      <table class="agenda" width="100%">
         <tr>
           <td class="top" style="vertical-align: middle; padding: 0 120px; text-align: center; font-size:24px;"
               colspan="2">
@@ -251,8 +256,8 @@
           </td>
         </tr>
         <tr>
-          <td class="middle">
-            <table cellpadding="0" cellspacing="0" border="0" align="center">
+          <td class="middle" width="100%">
+            <table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">
               <% (1..4).each_slice(2) do |boxes| %>
                 <tr>
                   <% boxes.each do |num| %>
@@ -260,7 +265,7 @@
                       <div class="box-image">
                         <% if has_image?("body_box_image_#{num}") %>
                           <%= link_to link_for("body_box_link_url_#{num}") do %>
-                            <%= image_tag(image_url("body_box_image_#{num}")) %>
+                            <%= image_tag(image_url("body_box_image_#{num}"), width: "238", height: "134", style: "width:100%; max-width:500px; display:block; margin:0 auto;") %>
                           <% end %>
                         <% end %>
                       </div>
@@ -305,7 +310,7 @@
           <% (1..3).each do |num| %>
             <td class="footer-box" style="padding: 10px;margin-bottom: 30px;" width="33%">
               <div class="box-image">
-                <%= image_tag(image_url("footer_box_image_#{num}", resize_to_fill: [198, 132])) if has_image?("footer_box_image_#{num}") %>
+                <%= image_tag(image_url("footer_box_image_#{num}", resize_to_fill: [198, 132]), width: "198", height: "132") if has_image?("footer_box_image_#{num}") %>
               </div>
               <div class="footer-box-date-time">
                 <%= translated_text_for "footer_box_date_time_#{num}" %>
@@ -342,7 +347,7 @@
         <table class="footer-logo" style="margin: 0;">
           <tr>
             <td class="footer-bottom" style="padding: 20px 0;">
-              <%= image_tag footer_image_url, class: "footer-bottom__logo" %>
+              <%= image_tag footer_image_url, class: "footer-bottom__logo", width: "180", height: "80" %>
             </td>
           </tr>
         </table>
diff --git a/app/cells/decidim/newsletter_agenda/agenda_events/themes/capitalitat.erb b/app/cells/decidim/newsletter_agenda/agenda_events/themes/capitalitat.erb
index 7959f69..77f87a8 100644
--- a/app/cells/decidim/newsletter_agenda/agenda_events/themes/capitalitat.erb
+++ b/app/cells/decidim/newsletter_agenda/agenda_events/themes/capitalitat.erb
@@ -58,6 +58,11 @@
     height: 25px;
   }
 
+  img {
+    -ms-interpolation-mode: nearest-neighbor;
+    -ms-interpolation-mode: bicubic;
+  }
+
   @media only screen and (max-width: 400px) {
     td.mobile-responsive {
       width: 100% !important;
@@ -107,9 +112,9 @@
       <!-- Intro-content -->
       <table width="100%" border="0" cellpadding="0" cellspacing="0" style="background-color: <%= background_color %>;">
         <tr>
-          <td align="center" style="padding: 48px">
+          <td align="center" style="padding: 48px; width: 653px; height: 436px;">
             <% if has_image?(:main_image) %>
-              <%= image_tag image_url(:main_image, resize_to_fit: [653, 436]), alt: "Intro Image" %>
+              <%= image_tag image_url(:main_image, resize_to_fit: [653, 436]), alt: "Intro Image", width: "653", height: "436" %>
             <% end %>
           </td>
         </tr>
@@ -148,7 +153,7 @@
                         <!-- Image -->
                         <% if has_image?("body_box_image_#{num}") %>
                           <%= link_to link_for("body_box_link_url_#{num}") do %>
-                            <%= image_tag(image_url("body_box_image_#{num}"), style: "width:100%; max-width:500px; display:block; margin:0 auto;") %>
+                            <%= image_tag(image_url("body_box_image_#{num}"), width: "238", height: "134", style: "width:100%; max-width:500px; display:block; margin:0 auto;") %>
                           <% end %>
                         <% end %>
 
@@ -206,7 +211,7 @@
                   <td class="mobile-responsive footer-box__image" style="width: 33.33%; vertical-align: top; padding: 08px;">
                     <!-- Image -->
                     <% if has_image?("footer_box_image_#{num}") %>
-                      <%= image_tag(image_url("footer_box_image_#{num}", resize_to_fill: [198, 132])) %>
+                      <%= image_tag(image_url("footer_box_image_#{num}", resize_to_fill: [198, 132]), width: "198", height: "132", style: "width: 100%; height: auto;") %>
                     <% end %>
                     <!-- Date -->
                     <table width="100%">
@@ -282,9 +287,9 @@
                 <td class="mobile-responsive logos-block" style="padding: 0 32px 0 0;vertical-align: bottom;">
                   <table border="0" cellspacing="0" cellpadding="0">
                     <tr class="footer-logos">
-                      <td align="left" class="footer-logo" style="padding-left: 16px;padding-right: 20px;"><%= image_tag asset_pack_url("media/images/capital_logo.png", **host_options) %></td>
-                      <td align="center" class="footer-logo" style="padding-left: 16px;padding-right: 20px;"><%= image_tag asset_pack_url("media/images/ajuntament.png", **host_options) %></td>
-                      <td align="right" class="footer-logo" style="padding-left: 16px;"><%= image_tag asset_pack_url("media/images/metropolita_logo.png", **host_options) %></td>
+                      <td align="left" class="footer-logo" style="padding-left: 16px;padding-right: 20px;"><%= image_tag asset_pack_url("media/images/capital_logo.png", **host_options), width: "180", height: "25" %></td>
+                      <td align="center" class="footer-logo" style="padding-left: 16px;padding-right: 20px;"><%= image_tag asset_pack_url("media/images/ajuntament.png", **host_options), width: "100", height: "25" %></td>
+                      <td align="right" class="footer-logo" style="padding-left: 16px;"><%= image_tag asset_pack_url("media/images/metropolita_logo.png", **host_options), width: "80", height: "25" %></td>
                     </tr>
                   </table>
                 </td>