Add jpg support

2 files changed, 16 insertions, 2 deletions

diff --git a/components/JoinUs.vue b/components/JoinUs.vue
index a219d16..4359a82 100644
--- a/components/JoinUs.vue
+++ b/components/JoinUs.vue
@@ -21,12 +21,19 @@ export default {
 </script>
 
 <style scoped>
+.webp .joinus {
+  background-image: url('/assets/bg.webp');
+}
+
+.no-webp .joinus {
+  background-image: url('/assets/bg.jpg');
+}
+
 .joinus {
   width: 100%;
 
   padding: 80px 20%;
 
-  background-image: url('/assets/bg.webp');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
diff --git a/components/ObozWidget.vue b/components/ObozWidget.vue
index 8e1037e..887fd13 100644
--- a/components/ObozWidget.vue
+++ b/components/ObozWidget.vue
@@ -13,13 +13,20 @@ export default {
 </script>
 
 <style scoped>
+.webp .oboz-widget {
+  background-image: url('/assets/oboz.webp');
+}
+
+.no-webp .oboz-widget {
+  background-image: url('/assets/oboz.jpg');
+}
+
 .oboz-widget {
   width: 100%;
 
   margin-top: 50px;
   padding: 80px 20%;
 
-  background-image: url('/assets/oboz.webp');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;