diff --git a/assets/sass/pages/_experience.sass b/assets/sass/pages/_experience.sass
index 30ff5863..f889190f 100644
--- a/assets/sass/pages/_experience.sass
+++ b/assets/sass/pages/_experience.sass
@@ -27,14 +27,8 @@
             max-width: 15%
 
 .experience.has-logo
-    background:
-        position: 100% (20px + 3px)
-        repeat: no-repeat
-        size: 90px
-    +tablet
-        background-size: 120px
+    display: flex
+    justify-content: flex-start
 
-.experience.has-logo .inner
-    padding-right: calc(90px + 1em)
-    +tablet
-        padding-right: calc(120px + 1em)
+    .inner
+        flex: 1
diff --git a/source/_partials/experience-item.twig b/source/_partials/experience-item.twig
index d4cd3b77..85b7fe12 100644
--- a/source/_partials/experience-item.twig
+++ b/source/_partials/experience-item.twig
@@ -4,9 +4,7 @@
     experience.featured ? 'is-featured',
 ] %}
 
-{% set logo_path = company.logo ? site.images_url ~ '/assets/images/experience/' ~ company.logo : null %}
-
-<div class="{{ classes|sort|join(' ')|trim }}"{% if logo_path %} style="background-image: url('{{ logo_path }}')"{% endif %}>
+<div class="{{ classes|sort|join(' ') }}">
     <div class="inner">
         <h2>{{ company.name }}</h2>
 
@@ -29,4 +27,10 @@
             {{ experience.description|raw }}
         </div>
     </div>{# /.inner #}
+
+    {% if company.logo %}
+        <div class="experience__logo">
+            <img src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}" alt="{{ company.name }} logo">
+        </div>
+    {% endif %}
 </div>