diff --git a/index.html b/index.html
index 2405c75..f805d55 100644
--- a/index.html
+++ b/index.html
@@ -125,14 +125,14 @@ <h2 class="fourth" id="section4">4. So, Have the Saved Files Really Disappeared?
             <ul>
                 <div class="files_info">
                     <div>
-                      <img src="Hidden_folder-.Trash_files.png" alt=".Trash-files">
+                      <img class="files" src="Hidden_folder-.Trash_files.png" alt=".Trash-files">
                       <p></p>
                     </div>
                     <p class="txt-contents"></p>
                 </div>
                   <div class="files_info">
                     <div>
-                      <img src="Hidden_folder-.Trash_info.png" alt=".Trash-info">
+                      <img class="info" src="Hidden_folder-.Trash_info.png" alt=".Trash-info">
                       <p></p>
                     </div>
                     <p class="txt-contents"></p>
diff --git a/responsive.css b/responsive.css
index d37933d..17e6e04 100644
--- a/responsive.css
+++ b/responsive.css
@@ -158,3 +158,40 @@
     }
 }
 
+/* class="files" */
+@media (min-width: 1000px) {
+    .files {
+        width: 45%;
+    }
+}
+
+@media (max-width: 1000px) {
+    .files {
+        width: 45%;
+    }
+}
+
+@media (max-width: 670px) {
+    .files {
+        width: 90%;
+    }
+}
+
+/* class="info" */
+@media (min-width: 1000px) {
+    .info {
+        width: 45%;
+    }
+}
+
+@media (max-width: 1000px) {
+    .info {
+        width: 45%;
+    }
+}
+
+@media (max-width: 670px) {
+    .info {
+        width: 90%;
+    }
+}