diff --git a/public/images/hero_tea_field.avif b/public/images/hero_tea_field.avif
new file mode 100644
index 0000000..a447494
Binary files /dev/null and b/public/images/hero_tea_field.avif differ
diff --git a/public/index.html b/public/index.html
index eae4fd8..d24cc27 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,5 +1,5 @@
-
+
diff --git a/public/mystyle.css b/public/mystyle.css
index 40afaf6..462ab1d 100644
--- a/public/mystyle.css
+++ b/public/mystyle.css
@@ -1,5 +1,5 @@
.hero-body {
- background-image: url(./images/hero_tea_field.jpeg);
+ background-image: url(./images/hero_tea_field.avif);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
diff --git a/public/privacy/index.html b/public/privacy/index.html
index f911888..feb5873 100644
--- a/public/privacy/index.html
+++ b/public/privacy/index.html
@@ -1,5 +1,5 @@
-
+
diff --git a/sass/mystyle.scss b/sass/mystyle.scss
index ecb6fa8..5c30055 100644
--- a/sass/mystyle.scss
+++ b/sass/mystyle.scss
@@ -33,7 +33,7 @@ $footer-background-color: $eclipse-grey;
// own styles
.hero-body {
- background-image: url(./images/hero_tea_field.jpeg);
+ background-image: url(./images/hero_tea_field.avif);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;