Use variants.

lib/DDG/Goodie/IndependenceDay.pm

@@ -83,18 +83,18 @@ handle query_clean => sub {
         templates => {
             group => "icon",
             item => 0,
-            elClass => {
-                iconTitle => "t-xxl",
-                iconSubtitle => "tx--15"
+            variants => {
+              iconTitle => 'large',
+              iconImage => 'large'
             }
         },
         data => {
             country_code => country2code($country_key),
-            date => $date_str,
-            info => $prolog
+            title => $date_str,
+            subtitle => $prolog
         }
       };
     
 };
 
-1;
+1;

share/goodie/independence_day/independence_day.css

@@ -1,3 +0,0 @@
-.zci__body{
-    display: inline-block;
-}

share/goodie/independence_day/independence_day.js

@@ -1,19 +1,10 @@
 DDH.independence_day = DDH.independence_day || {};
-
 DDH.independence_day.build = function(ops) {
     return {
         normalize: function(item) {
-            var isMobile = ($('.is-mobile').length > 0) ? true : false;
-            var info = {
-                title: ops.data.date,
-                subtitle: ops.data.info
+            return {
+                image: DDG.settings.region.getLargeIconURL(ops.data.country_code)
             };
-            if (isMobile) {
-                info.image = DDG.settings.region.getSmallIconURL(ops.data.country_code);
-            } else {
-                info.image = DDG.settings.region.getLargeIconURL(ops.data.country_code);
-            }
-            return info;
         }
     };
 };