diff --git a/src/assets/images/amphineko.png b/src/assets/images/amphineko.png
index e1f4b53..9ff62d8 100644
Binary files a/src/assets/images/amphineko.png and b/src/assets/images/amphineko.png differ
diff --git a/src/assets/images/amphineko@1x.jpg b/src/assets/images/amphineko@1x.jpg
index a5248c1..fef3484 100644
Binary files a/src/assets/images/amphineko@1x.jpg and b/src/assets/images/amphineko@1x.jpg differ
diff --git a/src/assets/images/amphineko@1x.webp b/src/assets/images/amphineko@1x.webp
new file mode 100644
index 0000000..5d7c591
Binary files /dev/null and b/src/assets/images/amphineko@1x.webp differ
diff --git a/src/assets/images/plus.svg b/src/assets/images/plus.svg
index 93b42d0..4cc6141 100644
--- a/src/assets/images/plus.svg
+++ b/src/assets/images/plus.svg
@@ -16,16 +16,16 @@
 
         <pattern id="Tile" x="0" y="0" width="128" height="128" patternUnits="userSpaceOnUse">
             <rect fill="url(#ShapeT)" height="64" width="64" x="0" y="0">
-                <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="360 32 32" to="0 32 32" dur="16s" repeatCount="indefinite"/>
+                <!-- <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="360 32 32" to="0 32 32" dur="16s" repeatCount="indefinite"/> -->
             </rect>
 
             <rect fill="url(#ShapeTri)" height="64" width="64" x="64" y="64">
-                <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 96 96" to="360 96 96" dur="8s" repeatCount="indefinite"/>
+                <!-- <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 96 96" to="360 96 96" dur="8s" repeatCount="indefinite"/> -->
             </rect>
         </pattern>
     </defs>
 
-    <g filter="url(#noise)">
+    <g transform="rotate(-15)">
         <rect fill="url(#Tile)" height="128" width="128" x="0" y="0" />
         <rect fill="url(#Tile)" height="128" width="128" x="128" y="128" />
     </g>
diff --git a/src/index.html b/src/index.html
index a8a2043..960efb0 100644
--- a/src/index.html
+++ b/src/index.html
@@ -13,8 +13,10 @@
         <div class="section header grid-container grid-parent">
             <div class="split picture-container grid-40">
                 <a href="${require('./assets/images/amphineko.png')}">
-                    <img alt="picture of amphineko" class="picture"
-                        src="${require('./assets/images/amphineko@1x.jpg')}">
+                    <picture class="picture">
+                        <source type="image/webp" srcset="${require('./assets/images/amphineko@1x.webp')}" />
+                        <img src="${require('./assets/images/amphineko@1x.jpg')}" alt="picture of amphineko" />
+                    </picture>
                 </a>
             </div>
 
diff --git a/webpack.config.js b/webpack.config.js
index 1385a6f..5aecf1e 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -19,7 +19,7 @@ module.exports = {
     module: {
         rules: [
             {
-                test: /\.(eot|jpg|png|svg|ttf|woff2?)$/,
+                test: /\.(eot|jpg|png|svg|ttf|webp|woff2?)$/,
                 loader: 'file-loader',
                 options: {
                     name: 'assets/[name].[contenthash:8].[ext]'