diff --git a/content/assets/stylesheets/includes/tiles.scss b/content/assets/stylesheets/includes/tiles.scss
index 308aadc..41568d1 100644
--- a/content/assets/stylesheets/includes/tiles.scss
+++ b/content/assets/stylesheets/includes/tiles.scss
@@ -19,7 +19,7 @@ $top_coder_size: 80px;
     color: $text;
     height: 100%;
     width: 100%;
-    background: rgba($tertiary, 0.2);
+    // background: rgba($tertiary, 0.2);
     display: flex;
     align-items: center;
     justify-content: center;
diff --git a/layouts/partials/_events_tile.erb b/layouts/partials/_events_tile.erb
index 971b1e3..702e551 100644
--- a/layouts/partials/_events_tile.erb
+++ b/layouts/partials/_events_tile.erb
@@ -1,6 +1,6 @@
 <% if @event[:banner] %>
   <a href="<%= @event.path %>" class="tile event-tile is-child box backgroundimg highlighted"
-    style="background-image:url('<%= @event[:banner] %>');">
+    style="background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0, 0, 0, 0.65)), url('<%= @event[:banner] %>');">
 <% elsif @event[:color] %>
   <a href="<%= @event.path %>" class="tile event-tile is-child box backgroundimg highlighted"
     style="background-image: linear-gradient(to top right,rgba(255,255,255,0),rgba(0,0,0,.60)); background-color:<%= @event[:color] %>;">