Fix the responsivness of the page

src/css/style.css

@@ -49,6 +49,7 @@ img{
     display: flex;
     flex-direction: column;
     align-items: center;
+    width: 95%;
 }
 
 .btn{
@@ -76,13 +77,28 @@ img{
 #LabHidden{
     display: none;
 }
+/* Under 1000px */
 
-@keyframes slide-animation {
-    0% {
-      transform: translateX(0);
+@media screen and (max-width: 1000px) {
+    #img_competence{
+        width: 500px;
+        height: 300px;
     }
-    100% {
-      transform: translateX(-100%);
+    #img_competence:hover{
+        width: 600px;
+        height: 350px;
     }
-  }
-  
+}
+
+@media screen and (max-width: 550px) {
+    #img_analyse{
+        width: 300px;
+        height: 200px;
+    }
+}
+
+@media screen and (max-width: 850px) {
+    #who_we_are{
+        font-size: 14px;
+    }
+}