diff --git a/components/RecipeCard.vue b/components/RecipeCard.vue
index de1169a..97f5d8d 100644
--- a/components/RecipeCard.vue
+++ b/components/RecipeCard.vue
@@ -3,7 +3,8 @@
     <BulmaCard>
       <div slot="image" v-if="recipe.image" class="">
         <figure class="image is-3by2">
-          <img class="lazy-img-fadein" v-lazy="`${serverFilesUrl}/${recipe.image.thumbnail.url}`" />
+
+          <img class="lazy-img-fadein" v-lazy="`${serverFilesUrl}/${recipe.image.thumbnail.uri.url}`" />
         </figure>
       </div>
       <div slot="content" class="has-text-centered">
diff --git a/components/RecipeDetail.vue b/components/RecipeDetail.vue
index 27ec9a0..9ee6962 100644
--- a/components/RecipeDetail.vue
+++ b/components/RecipeDetail.vue
@@ -15,7 +15,7 @@
         <div class="columns">
           <div class="column">
             <figure class="image is-3by2">
-              <img v-lazy="`${serverFilesUrl}/${recipe.image.thumbnail.url}`" />
+              <img v-lazy="`${serverFilesUrl}/${recipe.image.thumbnail.uri.url}`" />
             </figure>
           </div>
           <div class="column">
diff --git a/components/RecipePromotedBanner.vue b/components/RecipePromotedBanner.vue
index abf2e91..e3e2b0b 100644
--- a/components/RecipePromotedBanner.vue
+++ b/components/RecipePromotedBanner.vue
@@ -12,7 +12,7 @@
           <div class="column">
             <nuxt-link :to="'/recipes/' + recipe.id">
               <figure class="image is-3by2">
-                <img v-if="recipe.image" v-lazy="`${serverFilesUrl}/${recipe.image.thumbnail.url}`" />
+                <img v-if="recipe.image" v-lazy="`${serverFilesUrl}/${recipe.image.thumbnail.uri.url}`" />
               </figure>
             </nuxt-link>
           </div>