diff --git a/src/resumes/cool-rtl.vue b/src/resumes/cool-rtl.vue
index 69776853..e052fa9f 100644
--- a/src/resumes/cool-rtl.vue
+++ b/src/resumes/cool-rtl.vue
@@ -178,7 +178,7 @@
       </div>
     </div>
 
-    <img class="picture"/>
+    <div class="picture"/>
   </div>
 </template>
 
@@ -224,7 +224,8 @@ a {
   width: @picture-size;
   border-radius: 50%;
   border: 5px solid @accent-color;
-  content: url('../../resume/id.jpg');
+  background-image: url('../../resume/id.jpg');
+  background-size: 100%;
   z-index: 2;
 }
 
diff --git a/src/resumes/cool-rtl2.vue b/src/resumes/cool-rtl2.vue
index 79b3b99a..2c8f73af 100755
--- a/src/resumes/cool-rtl2.vue
+++ b/src/resumes/cool-rtl2.vue
@@ -181,7 +181,7 @@
       </div>
     </div>
 
-    <img class="picture"/>
+    <div class="picture"/>
 
   </div>
 </template>
@@ -218,7 +218,8 @@ export default Vue.component(name, getVueOptions(name));
   width: @picture-size;
   border-radius: 50%;
   border: 5px solid @accent-color;
-  content: url('../../resume/id.jpg');
+  background-image: url('../../resume/id.jpg');
+  background-size: 100%;
   z-index: 2;
 }
 
diff --git a/src/resumes/cool.vue b/src/resumes/cool.vue
index e643712b..145269a0 100644
--- a/src/resumes/cool.vue
+++ b/src/resumes/cool.vue
@@ -184,7 +184,7 @@
       </div>
     </div>
 
-    <img class="picture"/>
+    <div class="picture"/>
   </div>
 </template>
 
@@ -230,7 +230,8 @@ export default Vue.component(name, getVueOptions(name));
   width: @picture-size;
   border-radius: 50%;
   border: 5px solid @accent-color;
-  content: url('../../resume/id.jpg');
+  background-image: url('../../resume/id.jpg');
+  background-size: 100%;
   z-index: 2;
 }