diff --git a/template/css/style.css b/template/css/style.css
index 1dd832d..fada038 100644
--- a/template/css/style.css
+++ b/template/css/style.css
@@ -452,16 +452,22 @@ body {
   .search-bar {
     display: none;
   }
+  .artwork-thumbnail-small {
+    height: auto;
+  }
 }
 @media screen and (min-width: 400px) and (max-width: 800px) {
   /* 400px <= device width <= 800px */
   .artwork-mobile {
-    width: 45vw;
+    width: 47.4%;
+    aspect-ratio: 1/1;
   }
 }
 @media screen and (max-width: 400px) {
   .artwork-mobile {
     width: 100%;
+    object-fit: cover;
+    aspect-ratio: 1/1;
   }
 }
 
diff --git a/template/css/style.scss b/template/css/style.scss
index 27a49be..9efc1ca 100644
--- a/template/css/style.scss
+++ b/template/css/style.scss
@@ -527,17 +527,26 @@ body {
   .search-bar {
     display: none;
   }
+
+  .artwork-thumbnail-small {
+    height: auto;
+  }
 }
 
 @media screen and (min-width: 400px) and (max-width: 800px) {
   /* 400px <= device width <= 800px */
   .artwork-mobile {
-    width: 45vw;
+    width: 47.4%;
+    aspect-ratio: 1/1;
   }
 }
 
 @media screen and (max-width: 400px) {
   .artwork-mobile {
+    // width: 94vw;
+    // height: 94vw;
     width: 100%;
+    object-fit: cover;
+    aspect-ratio: 1/1;
   }
 }
diff --git a/template/settings.html b/template/settings.html
new file mode 100644
index 0000000..4ab2f79
--- /dev/null
+++ b/template/settings.html
@@ -0,0 +1,37 @@
+{{ template "header.html" .Title }}
+
+<div class="container">
+  <h2>Settings</h2>
+  <form action="/settings" method="post">
+    <fieldset class="settings-fieldset">
+      <legend>Proxy server {{ .Settings.Proxy }}</legend>
+      <input type="radio" name="image-proxy-server" id="image-proxy-server" value="i.pixiv.cat" />
+      <label for="image-proxy-server">i.pixiv.cat</label>
+      <br />
+      <input type="radio" name="image-proxy-server" id="image-proxy-server" value="px2.rainchan.win" />
+      <label for="image-proxy-server">px2.rainchan.win</label>
+      <br />
+      <input type="radio" name="image-proxy-server" id="image-proxy-server" value="px3.rainchan.win" />
+      <label for="image-proxy-server">px3.rainchan.win</label>
+      <br />
+      <input type="radio" name="image-proxy-server" id="image-proxy-server" value="px.s.rainchan.win" />
+      <label for="image-proxy-server">px.s.rainchan.win</label>
+      <br />
+      <input type="radio" name="image-proxy-server" id="image-proxy-server" value="sex.nyan.xyz" />
+      <label for="image-proxy-server">___.nyan.xyz</label>
+      <br />
+      <input type="radio" name="image-proxy-server" id="image-proxy-server" value="pximg.wjghj.cn" />
+      <label for="image-proxy-server">pximg.wjghj.cn</label>
+      <br />
+      <br />
+      <label for="image-proxy-server">Custom image proxy server</label>
+      <br />
+      <input type="text" name="image-proxy-server" id="image-proxy-server" placeholder="Paste the address here..."
+        autocomplete="off" />
+      <br />
+      <input type="submit" value="Apply" />
+    </fieldset>
+  </form>
+</div>
+
+{{ template "footer.html" }}