modified - images > webp (partial)

Author: l2DWOLF

public/css/main.css

@@ -208,7 +208,7 @@ button{
     height: 100%;
     width: 100%;
 
-    background-image: url('/layout/arrangement-6.jpg');
+    background-image: url('/layout/arrangement-6.webp');
 
     background-size: cover;
     background-repeat: no-repeat;
@@ -534,7 +534,7 @@ button{
 
     height: 88%;
     width: 110%;
-    background-image: url('/layout/bg3.jpg');
+    background-image: url('/layout/dishes-appetizers.webp');
     background-size: 100% 100%;
     background-repeat: no-repeat;
     background-position: center center;
@@ -587,7 +587,7 @@ button{
     position: relative;
     box-shadow: inset 0px 0px 20px 2px rgba(0, 0, 0, 0.642);
 
-    background-image: url('/layout/bg5.jpg');
+    background-image: url('/layout/bg5.webp');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;