diff --git a/apps/client/.env b/apps/client/.env
deleted file mode 100644
index c4677403..00000000
--- a/apps/client/.env
+++ /dev/null
@@ -1,8 +0,0 @@
-NEXT_PUBLIC_APP_VERSION=$npm_package_version
-
-# App & Server URLs
-NEXT_PUBLIC_APP_URL=$APP_URL
-NEXT_PUBLIC_SERVER_URL=$SERVER_URL
-
-# Google OAuth
-NEXT_PUBLIC_GOOGLE_CLIENT_ID=$GOOGLE_CLIENT_ID
\ No newline at end of file
diff --git a/apps/client/.eslintrc.json b/apps/client/.eslintrc.json
index 518bfc81..ce7e5f4e 100644
--- a/apps/client/.eslintrc.json
+++ b/apps/client/.eslintrc.json
@@ -19,5 +19,8 @@
   ],
   "env": {
     "jest": true
+  },
+  "rules": {
+    "@next/next/no-img-element": "off"
   }
 }
diff --git a/apps/client/components/build/Center/ArtboardController.tsx b/apps/client/components/build/Center/ArtboardController.tsx
index d6f53589..400b1149 100644
--- a/apps/client/components/build/Center/ArtboardController.tsx
+++ b/apps/client/components/build/Center/ArtboardController.tsx
@@ -9,7 +9,7 @@ import {
   ZoomIn,
   ZoomOut,
 } from '@mui/icons-material';
-import { ButtonBase, Divider, Tooltip } from '@mui/material';
+import { ButtonBase, Divider, Tooltip, useMediaQuery, useTheme } from '@mui/material';
 import clsx from 'clsx';
 import { get } from 'lodash';
 import { useTranslation } from 'next-i18next';
@@ -28,9 +28,11 @@ import styles from './ArtboardController.module.scss';
 const ArtboardController: React.FC<ReactZoomPanPinchRef> = ({ zoomIn, zoomOut, centerView }) => {
   const { t } = useTranslation();
 
+  const theme = useTheme();
   const dispatch = useAppDispatch();
 
   const resume = useAppSelector((state) => state.resume);
+  const isDesktop = useMediaQuery(theme.breakpoints.up('sm'));
   const { left, right } = useAppSelector((state) => state.build.sidebar);
   const orientation = useAppSelector((state) => state.build.page.orientation);
 
@@ -92,29 +94,33 @@ const ArtboardController: React.FC<ReactZoomPanPinchRef> = ({ zoomIn, zoomOut, c
 
         <Divider />
 
-        <Tooltip arrow placement="top" title={t('builder.controller.tooltip.toggle-orientation')}>
-          <ButtonBase onClick={handleTogglePageOrientation}>
-            {orientation === 'vertical' ? (
-              <AlignHorizontalCenter fontSize="medium" />
-            ) : (
-              <AlignVerticalCenter fontSize="medium" />
-            )}
-          </ButtonBase>
-        </Tooltip>
+        {isDesktop && (
+          <>
+            <Tooltip arrow placement="top" title={t('builder.controller.tooltip.toggle-orientation')}>
+              <ButtonBase onClick={handleTogglePageOrientation}>
+                {orientation === 'vertical' ? (
+                  <AlignHorizontalCenter fontSize="medium" />
+                ) : (
+                  <AlignVerticalCenter fontSize="medium" />
+                )}
+              </ButtonBase>
+            </Tooltip>
 
-        <Tooltip arrow placement="top" title={t('builder.controller.tooltip.toggle-page-break-line')}>
-          <ButtonBase onClick={handleTogglePageBreakLine}>
-            <InsertPageBreak fontSize="medium" />
-          </ButtonBase>
-        </Tooltip>
+            <Tooltip arrow placement="top" title={t('builder.controller.tooltip.toggle-page-break-line')}>
+              <ButtonBase onClick={handleTogglePageBreakLine}>
+                <InsertPageBreak fontSize="medium" />
+              </ButtonBase>
+            </Tooltip>
 
-        <Tooltip arrow placement="top" title={t('builder.controller.tooltip.toggle-sidebars')}>
-          <ButtonBase onClick={handleToggleSidebar}>
-            <ViewSidebar fontSize="medium" />
-          </ButtonBase>
-        </Tooltip>
+            <Tooltip arrow placement="top" title={t('builder.controller.tooltip.toggle-sidebars')}>
+              <ButtonBase onClick={handleToggleSidebar}>
+                <ViewSidebar fontSize="medium" />
+              </ButtonBase>
+            </Tooltip>
 
-        <Divider />
+            <Divider />
+          </>
+        )}
 
         <Tooltip arrow placement="top" title={t('builder.controller.tooltip.copy-link')}>
           <ButtonBase onClick={handleCopyLink}>
diff --git a/apps/client/components/build/RightSidebar/RightSidebar.tsx b/apps/client/components/build/RightSidebar/RightSidebar.tsx
index 76d29939..90a53636 100644
--- a/apps/client/components/build/RightSidebar/RightSidebar.tsx
+++ b/apps/client/components/build/RightSidebar/RightSidebar.tsx
@@ -72,7 +72,7 @@ const RightSidebar = () => {
           <footer className={styles.footer}>
             <Footer />
 
-            <div>v{process.env.NEXT_PUBLIC_APP_VERSION}</div>
+            <div>v{process.env.appVersion}</div>
           </footer>
         </main>
       </div>
diff --git a/apps/client/i18n/index.ts b/apps/client/i18n/index.ts
index ff7dbb30..ff5db796 100644
--- a/apps/client/i18n/index.ts
+++ b/apps/client/i18n/index.ts
@@ -1,18 +1,15 @@
-import HttpBackend from 'i18next-http-backend';
+import { UserConfig } from 'next-i18next';
+import { join } from 'path';
 
-const i18nConfig = {
+const i18nConfig: UserConfig = {
   i18n: {
     defaultLocale: 'en',
     locales: ['en'],
   },
   debug: false,
   nsSeparator: '.',
+  localePath: join(__dirname, '../../../public/locales'),
   ns: ['common', 'modals', 'landing', 'dashboard', 'builder'],
-  serializeConfig: false,
-  use: [HttpBackend],
-  backend: {
-    loadPath: `${process.env.NEXT_PUBLIC_APP_URL}/locales/{{lng}}/{{ns}}.json`,
-  },
 };
 
 export default i18nConfig;
diff --git a/apps/client/modals/auth/LoginModal.tsx b/apps/client/modals/auth/LoginModal.tsx
index e3fff8dd..6e87c628 100644
--- a/apps/client/modals/auth/LoginModal.tsx
+++ b/apps/client/modals/auth/LoginModal.tsx
@@ -54,7 +54,7 @@ const LoginModal: React.FC = () => {
   );
 
   const { signIn } = useGoogleLogin({
-    clientId: process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID,
+    clientId: process.env.googleClientId,
     onSuccess: async (response: GoogleLoginResponse) => {
       await loginWithGoogleMutation({ accessToken: response.accessToken });
 
diff --git a/apps/client/next.config.js b/apps/client/next.config.js
index 9eec8c51..15e3f66d 100644
--- a/apps/client/next.config.js
+++ b/apps/client/next.config.js
@@ -9,12 +9,19 @@ const nextConfig = {
     locales: ['en'],
   },
 
+  env: {
+    appUrl: process.env.APP_URL,
+    serverUrl: process.env.SERVER_URL,
+    appVersion: process.env.npm_package_version,
+    googleClientId: process.env.GOOGLE_CLIENT_ID,
+  },
+
   nx: {
     svgr: false,
   },
 
   images: {
-    domains: ['localhost', 'www.gravatar.com'],
+    domains: ['www.gravatar.com'],
   },
 
   // Hack to make Tailwind darkMode 'class' strategy with CSS Modules
diff --git a/apps/client/project.json b/apps/client/project.json
index 7ed5e018..e79b628f 100644
--- a/apps/client/project.json
+++ b/apps/client/project.json
@@ -20,8 +20,7 @@
       "options": {
         "buildTarget": "client:build",
         "dev": true,
-        "port": 3000,
-        "proxyConfig": "apps/client/proxy.conf.json"
+        "port": 3000
       },
       "configurations": {
         "production": {
diff --git a/apps/server/src/assets/covers/cover-0ee139.jpeg b/apps/client/public/images/covers/cover-0ee139.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-0ee139.jpeg
rename to apps/client/public/images/covers/cover-0ee139.jpeg
diff --git a/apps/server/src/assets/covers/cover-1ab08.jpeg b/apps/client/public/images/covers/cover-1ab08.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-1ab08.jpeg
rename to apps/client/public/images/covers/cover-1ab08.jpeg
diff --git a/apps/server/src/assets/covers/cover-1f8c9.jpeg b/apps/client/public/images/covers/cover-1f8c9.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-1f8c9.jpeg
rename to apps/client/public/images/covers/cover-1f8c9.jpeg
diff --git a/apps/server/src/assets/covers/cover-1fe54f.jpeg b/apps/client/public/images/covers/cover-1fe54f.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-1fe54f.jpeg
rename to apps/client/public/images/covers/cover-1fe54f.jpeg
diff --git a/apps/server/src/assets/covers/cover-253f4a.jpeg b/apps/client/public/images/covers/cover-253f4a.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-253f4a.jpeg
rename to apps/client/public/images/covers/cover-253f4a.jpeg
diff --git a/apps/server/src/assets/covers/cover-33aec.jpeg b/apps/client/public/images/covers/cover-33aec.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-33aec.jpeg
rename to apps/client/public/images/covers/cover-33aec.jpeg
diff --git a/apps/server/src/assets/covers/cover-3sc.jpeg b/apps/client/public/images/covers/cover-3sc.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-3sc.jpeg
rename to apps/client/public/images/covers/cover-3sc.jpeg
diff --git a/apps/server/src/assets/covers/cover-466cb.jpeg b/apps/client/public/images/covers/cover-466cb.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-466cb.jpeg
rename to apps/client/public/images/covers/cover-466cb.jpeg
diff --git a/apps/server/src/assets/covers/cover-478b3.jpeg b/apps/client/public/images/covers/cover-478b3.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-478b3.jpeg
rename to apps/client/public/images/covers/cover-478b3.jpeg
diff --git a/apps/server/src/assets/covers/cover-4d9.jpeg b/apps/client/public/images/covers/cover-4d9.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-4d9.jpeg
rename to apps/client/public/images/covers/cover-4d9.jpeg
diff --git a/apps/server/src/assets/covers/cover-4ed.jpeg b/apps/client/public/images/covers/cover-4ed.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-4ed.jpeg
rename to apps/client/public/images/covers/cover-4ed.jpeg
diff --git a/apps/server/src/assets/covers/cover-4fd88.jpeg b/apps/client/public/images/covers/cover-4fd88.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-4fd88.jpeg
rename to apps/client/public/images/covers/cover-4fd88.jpeg
diff --git a/apps/server/src/assets/covers/cover-50f3f3.jpeg b/apps/client/public/images/covers/cover-50f3f3.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-50f3f3.jpeg
rename to apps/client/public/images/covers/cover-50f3f3.jpeg
diff --git a/apps/server/src/assets/covers/cover-6b8ae.jpeg b/apps/client/public/images/covers/cover-6b8ae.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-6b8ae.jpeg
rename to apps/client/public/images/covers/cover-6b8ae.jpeg
diff --git a/apps/server/src/assets/covers/cover-6fa09.jpeg b/apps/client/public/images/covers/cover-6fa09.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-6fa09.jpeg
rename to apps/client/public/images/covers/cover-6fa09.jpeg
diff --git a/apps/server/src/assets/covers/cover-713b2f.jpeg b/apps/client/public/images/covers/cover-713b2f.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-713b2f.jpeg
rename to apps/client/public/images/covers/cover-713b2f.jpeg
diff --git a/apps/server/src/assets/covers/cover-737f2.jpeg b/apps/client/public/images/covers/cover-737f2.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-737f2.jpeg
rename to apps/client/public/images/covers/cover-737f2.jpeg
diff --git a/apps/server/src/assets/covers/cover-73dab8.jpeg b/apps/client/public/images/covers/cover-73dab8.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-73dab8.jpeg
rename to apps/client/public/images/covers/cover-73dab8.jpeg
diff --git a/apps/server/src/assets/covers/cover-79df42.jpeg b/apps/client/public/images/covers/cover-79df42.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-79df42.jpeg
rename to apps/client/public/images/covers/cover-79df42.jpeg
diff --git a/apps/server/src/assets/covers/cover-7b601.jpeg b/apps/client/public/images/covers/cover-7b601.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-7b601.jpeg
rename to apps/client/public/images/covers/cover-7b601.jpeg
diff --git a/apps/server/src/assets/covers/cover-7dh.jpeg b/apps/client/public/images/covers/cover-7dh.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-7dh.jpeg
rename to apps/client/public/images/covers/cover-7dh.jpeg
diff --git a/apps/server/src/assets/covers/cover-7e6ae.jpeg b/apps/client/public/images/covers/cover-7e6ae.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-7e6ae.jpeg
rename to apps/client/public/images/covers/cover-7e6ae.jpeg
diff --git a/apps/server/src/assets/covers/cover-94b.jpeg b/apps/client/public/images/covers/cover-94b.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-94b.jpeg
rename to apps/client/public/images/covers/cover-94b.jpeg
diff --git a/apps/server/src/assets/covers/cover-96bdd.jpeg b/apps/client/public/images/covers/cover-96bdd.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-96bdd.jpeg
rename to apps/client/public/images/covers/cover-96bdd.jpeg
diff --git a/apps/server/src/assets/covers/cover-98afd.jpeg b/apps/client/public/images/covers/cover-98afd.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-98afd.jpeg
rename to apps/client/public/images/covers/cover-98afd.jpeg
diff --git a/apps/server/src/assets/covers/cover-9hk.jpeg b/apps/client/public/images/covers/cover-9hk.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-9hk.jpeg
rename to apps/client/public/images/covers/cover-9hk.jpeg
diff --git a/apps/server/src/assets/covers/cover-b26e75.jpeg b/apps/client/public/images/covers/cover-b26e75.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-b26e75.jpeg
rename to apps/client/public/images/covers/cover-b26e75.jpeg
diff --git a/apps/server/src/assets/covers/cover-b6ea6.jpeg b/apps/client/public/images/covers/cover-b6ea6.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-b6ea6.jpeg
rename to apps/client/public/images/covers/cover-b6ea6.jpeg
diff --git a/apps/server/src/assets/covers/cover-c219f2.jpeg b/apps/client/public/images/covers/cover-c219f2.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-c219f2.jpeg
rename to apps/client/public/images/covers/cover-c219f2.jpeg
diff --git a/apps/server/src/assets/covers/cover-c3642.jpeg b/apps/client/public/images/covers/cover-c3642.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-c3642.jpeg
rename to apps/client/public/images/covers/cover-c3642.jpeg
diff --git a/apps/server/src/assets/covers/cover-c584b.jpeg b/apps/client/public/images/covers/cover-c584b.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-c584b.jpeg
rename to apps/client/public/images/covers/cover-c584b.jpeg
diff --git a/apps/server/src/assets/covers/cover-c682cb.jpeg b/apps/client/public/images/covers/cover-c682cb.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-c682cb.jpeg
rename to apps/client/public/images/covers/cover-c682cb.jpeg
diff --git a/apps/server/src/assets/covers/cover-c82a8.jpeg b/apps/client/public/images/covers/cover-c82a8.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-c82a8.jpeg
rename to apps/client/public/images/covers/cover-c82a8.jpeg
diff --git a/apps/server/src/assets/covers/cover-d312a7.jpeg b/apps/client/public/images/covers/cover-d312a7.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-d312a7.jpeg
rename to apps/client/public/images/covers/cover-d312a7.jpeg
diff --git a/apps/server/src/assets/covers/cover-dcbd8.jpeg b/apps/client/public/images/covers/cover-dcbd8.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-dcbd8.jpeg
rename to apps/client/public/images/covers/cover-dcbd8.jpeg
diff --git a/apps/server/src/assets/covers/cover-df274.jpeg b/apps/client/public/images/covers/cover-df274.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-df274.jpeg
rename to apps/client/public/images/covers/cover-df274.jpeg
diff --git a/apps/server/src/assets/covers/cover-e26ee.jpeg b/apps/client/public/images/covers/cover-e26ee.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-e26ee.jpeg
rename to apps/client/public/images/covers/cover-e26ee.jpeg
diff --git a/apps/server/src/assets/covers/cover-f3034.jpeg b/apps/client/public/images/covers/cover-f3034.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-f3034.jpeg
rename to apps/client/public/images/covers/cover-f3034.jpeg
diff --git a/apps/server/src/assets/covers/cover-fec87.jpeg b/apps/client/public/images/covers/cover-fec87.jpeg
similarity index 100%
rename from apps/server/src/assets/covers/cover-fec87.jpeg
rename to apps/client/public/images/covers/cover-fec87.jpeg
diff --git a/apps/client/templates/Castform/preview.jpg b/apps/client/public/images/templates/castform.jpg
similarity index 100%
rename from apps/client/templates/Castform/preview.jpg
rename to apps/client/public/images/templates/castform.jpg
diff --git a/apps/client/templates/Gengar/preview.jpg b/apps/client/public/images/templates/gengar.jpg
similarity index 100%
rename from apps/client/templates/Gengar/preview.jpg
rename to apps/client/public/images/templates/gengar.jpg
diff --git a/apps/client/templates/Glalie/preview.jpg b/apps/client/public/images/templates/glalie.jpg
similarity index 100%
rename from apps/client/templates/Glalie/preview.jpg
rename to apps/client/public/images/templates/glalie.jpg
diff --git a/apps/client/templates/Kakuna/preview.jpg b/apps/client/public/images/templates/kakuna.jpg
similarity index 100%
rename from apps/client/templates/Kakuna/preview.jpg
rename to apps/client/public/images/templates/kakuna.jpg
diff --git a/apps/client/templates/Onyx/preview.jpg b/apps/client/public/images/templates/onyx.jpg
similarity index 100%
rename from apps/client/templates/Onyx/preview.jpg
rename to apps/client/public/images/templates/onyx.jpg
diff --git a/apps/client/templates/Pikachu/preview.jpg b/apps/client/public/images/templates/pikachu.jpg
similarity index 100%
rename from apps/client/templates/Pikachu/preview.jpg
rename to apps/client/public/images/templates/pikachu.jpg
diff --git a/apps/client/services/axios.ts b/apps/client/services/axios.ts
index f37eb4a4..221dbcde 100644
--- a/apps/client/services/axios.ts
+++ b/apps/client/services/axios.ts
@@ -13,11 +13,11 @@ export type ServerError = {
 };
 
 const axios = _axios.create({
-  baseURL: `${process.env.NEXT_PUBLIC_SERVER_URL}/api`,
+  baseURL: `${process.env.serverUrl}/api`,
 });
 
 export const uninterceptedAxios = _axios.create({
-  baseURL: `${process.env.NEXT_PUBLIC_SERVER_URL}/api`,
+  baseURL: `${process.env.serverUrl}/api`,
 });
 
 axios.interceptors.request.use((config) => {
diff --git a/apps/client/templates/Castform/widgets/Masthead.tsx b/apps/client/templates/Castform/widgets/Masthead.tsx
index 04bebea2..cbeda0e1 100644
--- a/apps/client/templates/Castform/widgets/Masthead.tsx
+++ b/apps/client/templates/Castform/widgets/Masthead.tsx
@@ -4,7 +4,6 @@ import { Theme } from '@reactive-resume/schema';
 import clsx from 'clsx';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
-import Image from 'next/image';
 import { useMemo } from 'react';
 
 import Markdown from '@/components/shared/Markdown';
@@ -25,10 +24,9 @@ export const MastheadSidebar: React.FC = () => {
   return (
     <div className="col-span-2 grid justify-items-start gap-3 px-4 pt-4">
       {photo.visible && !isEmpty(photo.url) && (
-        <Image
+        <img
           alt={name}
           src={photo.url}
-          objectFit="cover"
           width={photo.filters.size}
           height={photo.filters.size}
           className={getPhotoClassNames(photo.filters)}
diff --git a/apps/client/templates/Gengar/widgets/Masthead.tsx b/apps/client/templates/Gengar/widgets/Masthead.tsx
index c51b70b5..2414457d 100644
--- a/apps/client/templates/Gengar/widgets/Masthead.tsx
+++ b/apps/client/templates/Gengar/widgets/Masthead.tsx
@@ -5,7 +5,6 @@ import { Theme } from '@reactive-resume/schema';
 import clsx from 'clsx';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
-import Image from 'next/image';
 import { useMemo } from 'react';
 
 import Markdown from '@/components/shared/Markdown';
@@ -26,10 +25,9 @@ export const MastheadSidebar: React.FC = () => {
   return (
     <div className="col-span-2 grid justify-items-start gap-3 p-4">
       {photo.visible && !isEmpty(photo.url) && (
-        <Image
+        <img
           alt={name}
           src={photo.url}
-          objectFit="cover"
           width={photo.filters.size}
           height={photo.filters.size}
           className={getPhotoClassNames(photo.filters)}
diff --git a/apps/client/templates/Glalie/widgets/Masthead.tsx b/apps/client/templates/Glalie/widgets/Masthead.tsx
index 354e0869..4d87ece6 100644
--- a/apps/client/templates/Glalie/widgets/Masthead.tsx
+++ b/apps/client/templates/Glalie/widgets/Masthead.tsx
@@ -1,7 +1,6 @@
 import { Email, Phone, Public, Room } from '@mui/icons-material';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
-import Image from 'next/image';
 
 import Markdown from '@/components/shared/Markdown';
 import { useAppSelector } from '@/store/hooks';
@@ -18,19 +17,18 @@ export const MastheadSidebar: React.FC = () => {
   return (
     <div className="col-span-2 grid justify-items-center gap-4">
       {photo.visible && !isEmpty(photo.url) && (
-        <Image
+        <img
           alt={name}
           src={photo.url}
-          objectFit="cover"
           width={photo.filters.size}
           height={photo.filters.size}
           className={getPhotoClassNames(photo.filters)}
         />
       )}
 
-      <div>
+      <div className="text-center">
         <h1>{name}</h1>
-        <p className="opacity-75">{headline}</p>
+        <p className="mt-1 opacity-75">{headline}</p>
       </div>
 
       <div className="flex flex-col gap-2 rounded border-2 p-4" style={{ borderColor: primaryColor }}>
diff --git a/apps/client/templates/Kakuna/widgets/Masthead.tsx b/apps/client/templates/Kakuna/widgets/Masthead.tsx
index 70b2229c..19f111fd 100644
--- a/apps/client/templates/Kakuna/widgets/Masthead.tsx
+++ b/apps/client/templates/Kakuna/widgets/Masthead.tsx
@@ -1,6 +1,5 @@
 import { Email, Phone, Public, Room } from '@mui/icons-material';
 import isEmpty from 'lodash/isEmpty';
-import Image from 'next/image';
 import React from 'react';
 
 import { useAppSelector } from '@/store/hooks';
@@ -14,22 +13,25 @@ const Masthead = () => {
   );
 
   return (
-    <div className="mb-4 border-b pb-4 text-center">
-      {photo.visible && !isEmpty(photo.url) && (
-        <Image
-          alt={name}
-          src={photo.url}
-          width={photo.filters.size}
-          height={photo.filters.size}
-          objectFit="cover"
-          className={getPhotoClassNames(photo.filters)}
-        />
-      )}
+    <div className="grid gap-3 justify-center mb-4 border-b pb-4 text-center">
+      <div className="mx-auto">
+        {photo.visible && !isEmpty(photo.url) && (
+          <img
+            alt={name}
+            src={photo.url}
+            width={photo.filters.size}
+            height={photo.filters.size}
+            className={getPhotoClassNames(photo.filters)}
+          />
+        )}
+      </div>
 
-      <h1 className="mt-2 mb-1">{name}</h1>
-      <p className="opacity-75">{headline}</p>
+      <div>
+        <h1 className="mb-1">{name}</h1>
+        <p className="opacity-75">{headline}</p>
+      </div>
 
-      <div className="mt-4 flex flex-wrap justify-center gap-3">
+      <div className="flex flex-wrap justify-center gap-3">
         <DataDisplay icon={<Email />} link={`mailto:${email}`}>
           {email}
         </DataDisplay>
diff --git a/apps/client/templates/Onyx/widgets/Masthead.tsx b/apps/client/templates/Onyx/widgets/Masthead.tsx
index 637950c6..4f66f29d 100644
--- a/apps/client/templates/Onyx/widgets/Masthead.tsx
+++ b/apps/client/templates/Onyx/widgets/Masthead.tsx
@@ -1,6 +1,5 @@
 import { Email, Phone, Public, Room } from '@mui/icons-material';
 import isEmpty from 'lodash/isEmpty';
-import Image from 'next/image';
 
 import { useAppSelector } from '@/store/hooks';
 import DataDisplay from '@/templates/shared/DataDisplay';
@@ -15,12 +14,11 @@ const Masthead: React.FC = () => {
   return (
     <div className="flex items-center gap-4">
       {photo.visible && !isEmpty(photo.url) && (
-        <Image
+        <img
           alt={name}
           src={photo.url}
           width={photo.filters.size}
           height={photo.filters.size}
-          objectFit="cover"
           className={getPhotoClassNames(photo.filters)}
         />
       )}
diff --git a/apps/client/templates/Pikachu/widgets/Masthead.tsx b/apps/client/templates/Pikachu/widgets/Masthead.tsx
index d74a3481..e4046d41 100644
--- a/apps/client/templates/Pikachu/widgets/Masthead.tsx
+++ b/apps/client/templates/Pikachu/widgets/Masthead.tsx
@@ -2,7 +2,6 @@ import { Email, Phone, Public, Room } from '@mui/icons-material';
 import { Theme } from '@reactive-resume/schema';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
-import Image from 'next/image';
 import { useMemo } from 'react';
 
 import Markdown from '@/components/shared/Markdown';
@@ -19,13 +18,7 @@ export const MastheadSidebar: React.FC = () => {
     <div className="col-span-2 grid justify-items-center gap-4">
       {photo.visible && !isEmpty(photo.url) && (
         <div className="relative aspect-square h-full w-full">
-          <Image
-            alt={name}
-            layout="fill"
-            src={photo.url}
-            objectFit="cover"
-            className={getPhotoClassNames(photo.filters)}
-          />
+          <img alt={name} src={photo.url} className={getPhotoClassNames(photo.filters)} />
         </div>
       )}
 
diff --git a/apps/client/templates/templateMap.tsx b/apps/client/templates/templateMap.tsx
index de341c48..6d829105 100644
--- a/apps/client/templates/templateMap.tsx
+++ b/apps/client/templates/templateMap.tsx
@@ -18,37 +18,37 @@ const templateMap: Record<string, TemplateMeta> = {
   kakuna: {
     id: 'kakuna',
     name: 'Kakuna',
-    preview: require('./Kakuna/preview.jpg'),
+    preview: '/images/templates/kakuna.jpg',
     component: Kakuna,
   },
   onyx: {
     id: 'onyx',
     name: 'Onyx',
-    preview: require('./Onyx/preview.jpg'),
+    preview: '/images/templates/onyx.jpg',
     component: Onyx,
   },
   pikachu: {
     id: 'pikachu',
     name: 'Pikachu',
-    preview: require('./Pikachu/preview.jpg'),
+    preview: '/images/templates/pikachu.jpg',
     component: Pikachu,
   },
   gengar: {
     id: 'gengar',
     name: 'Gengar',
-    preview: require('./Gengar/preview.jpg'),
+    preview: '/images/templates/gengar.jpg',
     component: Gengar,
   },
   castform: {
     id: 'castform',
     name: 'Castform',
-    preview: require('./Castform/preview.jpg'),
+    preview: '/images/templates/castform.jpg',
     component: Castform,
   },
   glalie: {
     id: 'glalie',
     name: 'Glalie',
-    preview: require('./Glalie/preview.jpg'),
+    preview: '/images/templates/glalie.jpg',
     component: Glalie,
   },
 };
diff --git a/apps/client/types/environment.d.ts b/apps/client/types/environment.d.ts
index 2e7f12fa..a528ba19 100644
--- a/apps/client/types/environment.d.ts
+++ b/apps/client/types/environment.d.ts
@@ -2,12 +2,7 @@ declare global {
   namespace NodeJS {
     interface ProcessEnv {
       TZ: string;
-      ANALYZE?: boolean;
       NODE_ENV: 'development' | 'production';
-
-      // Public Environment Variables
-      NEXT_PUBLIC_APP_VERSION?: string;
-      NEXT_PUBLIC_GOOGLE_CLIENT_ID?: string;
     }
   }
 }
diff --git a/apps/client/utils/template.ts b/apps/client/utils/template.ts
index b0e52ffe..5ff24210 100644
--- a/apps/client/utils/template.ts
+++ b/apps/client/utils/template.ts
@@ -51,6 +51,7 @@ export const parseListItemPath = (item: ListItem, path: string | string[], separ
 
 export const getPhotoClassNames = (filters: PhotoFilters) =>
   clsx({
+    'object-cover': true,
     grayscale: filters.grayscale,
     '!border-[4px] !border-solid': filters.border,
     'rounded-lg': filters.shape === 'rounded-square',
diff --git a/apps/server/.env b/apps/server/.env
deleted file mode 100644
index 0acda134..00000000
--- a/apps/server/.env
+++ /dev/null
@@ -1 +0,0 @@
-SERVER_PORT=3100
diff --git a/apps/server/src/assets/resumes/.gitkeep b/apps/server/src/assets/resumes/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/server/src/assets/templates/.gitkeep b/apps/server/src/assets/templates/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/server/src/assets/uploads/.gitkeep b/apps/server/src/assets/uploads/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/server/src/database/database.module.ts b/apps/server/src/database/database.module.ts
index 427792a6..c46d8d72 100644
--- a/apps/server/src/database/database.module.ts
+++ b/apps/server/src/database/database.module.ts
@@ -19,9 +19,6 @@ import { User } from '@/users/entities/user.entity';
         database: configService.get<string>('postgres.database'),
         synchronize: true,
         entities: [User, Resume],
-        ssl: {
-          ca: configService.get<string>('postgres.certificate'),
-        },
       }),
     }),
   ],
diff --git a/apps/server/src/main.ts b/apps/server/src/main.ts
index 466706c1..a8c84cdd 100644
--- a/apps/server/src/main.ts
+++ b/apps/server/src/main.ts
@@ -27,10 +27,12 @@ const bootstrap = async () => {
   app.setViewEngine('hbs');
 
   const configService = app.get(ConfigService);
+  const serverUrl = configService.get<number>('app.serverUrl');
   const port = configService.get<number>('app.port');
 
   await app.listen(port);
-  Logger.log(`🚀 Server is running on: http://localhost:${port}/${globalPrefix}`);
+
+  Logger.log(`🚀 Server is running on: ${serverUrl}/${globalPrefix}`);
 };
 
 bootstrap();
diff --git a/apps/server/src/resume/data/sampleData.ts b/apps/server/src/resume/data/sampleData.ts
index 1471e4c8..51b88604 100644
--- a/apps/server/src/resume/data/sampleData.ts
+++ b/apps/server/src/resume/data/sampleData.ts
@@ -6,7 +6,7 @@ const sampleData: Partial<Resume> = {
     email: 'alexis.jones@gmail.com',
     phone: '+1 800 1200 3820',
     photo: {
-      url: `${process.env.APP_URL}/images/sample-photo.jpg`,
+      url: `/images/sample-photo.jpg`,
       filters: {
         size: 128,
         shape: 'rounded-square',
diff --git a/apps/server/src/resume/resume.service.ts b/apps/server/src/resume/resume.service.ts
index 8edf6d8a..0a3ce517 100644
--- a/apps/server/src/resume/resume.service.ts
+++ b/apps/server/src/resume/resume.service.ts
@@ -31,10 +31,9 @@ export class ResumeService {
   async create(createResumeDto: CreateResumeDto, userId: number) {
     try {
       const user = await this.usersService.findById(userId);
-      const serverUrl = this.configService.get<string>('app.serverUrl');
 
       const shortId = nanoid(SHORT_ID_LENGTH);
-      const image = `${serverUrl}/covers/${sample(covers)}`;
+      const image = `/images/covers/${sample(covers)}`;
 
       const resume = this.resumeRepository.create({
         ...defaultState,
@@ -67,10 +66,9 @@ export class ResumeService {
   async import(importResumeDto: Partial<ResumeSchema>, userId: number) {
     try {
       const user = await this.usersService.findById(userId);
-      const serverUrl = this.configService.get<string>('app.serverUrl');
 
       const shortId = nanoid(SHORT_ID_LENGTH);
-      const image = `${serverUrl}/covers/${sample(covers)}`;
+      const image = `/images/covers/${sample(covers)}`;
 
       const resume = this.resumeRepository.create({
         ...defaultState,
@@ -168,10 +166,9 @@ export class ResumeService {
   async duplicate(id: number, userId: number) {
     try {
       const originalResume = await this.findOne(id, userId);
-      const serverUrl = this.configService.get<string>('app.serverUrl');
 
       const shortId = nanoid(SHORT_ID_LENGTH);
-      const image = `${serverUrl}/covers/${sample(covers)}`;
+      const image = `/images/covers/${sample(covers)}`;
 
       const duplicatedResume: Partial<Resume> = {
         ...pick(originalResume, ['name', 'slug', 'basics', 'metadata', 'sections', 'public']),
diff --git a/docker-compose.yml b/docker-compose.yml
index 8cdab495..3e478904 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -26,18 +26,18 @@ services:
   #     POSTGRES_HOST: postgres
 
   # Production
-  app:
-    image: amruthpillai/reactive-resume
-    container_name: app
-    depends_on:
-      - postgres
-    ports:
-      - '3000:3000'
-      - '3100:3100'
-    env_file: .env
-    environment:
-      NODE_ENV: production
-      POSTGRES_HOST: postgres
+  # app:
+  #   image: amruthpillai/reactive-resume
+  #   container_name: app
+  #   depends_on:
+  #     - postgres
+  #   ports:
+  #     - '3000:3000'
+  #     - '3100:3100'
+  #   env_file: .env
+  #   environment:
+  #     NODE_ENV: production
+  #     POSTGRES_HOST: postgres
 
 volumes:
   pgdata:
diff --git a/package.json b/package.json
index 16141180..d5ee9dcb 100644
--- a/package.json
+++ b/package.json
@@ -63,7 +63,6 @@
     "downloadjs": "^1.4.7",
     "googleapis": "^95.0.0",
     "handlebars": "^4.7.7",
-    "i18next-http-backend": "^1.3.2",
     "joi": "^17.6.0",
     "lodash": "^4.17.21",
     "md5-hex": "^4.0.0",
@@ -103,7 +102,7 @@
     "sharp": "^0.30.2",
     "tailwindcss": "^3.0.23",
     "tslib": "^2.3.1",
-    "typeorm": "^0.2.44",
+    "typeorm": "^0.2.45",
     "uuid": "^8.3.2",
     "webfontloader": "^1.6.28"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f6a2244b..b81c410f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -90,7 +90,6 @@ specifiers:
   googleapis: ^95.0.0
   handlebars: ^4.7.7
   husky: ^7.0.4
-  i18next-http-backend: ^1.3.2
   jest: 27.5.1
   joi: ^17.6.0
   lodash: ^4.17.21
@@ -140,7 +139,7 @@ specifiers:
   ts-jest: ^27.1.3
   ts-node: ^10.6.0
   tslib: ^2.3.1
-  typeorm: ^0.2.44
+  typeorm: ^0.2.45
   typescript: <4.6.0
   uuid: ^8.3.2
   webfontloader: ^1.6.28
@@ -167,7 +166,7 @@ dependencies:
   '@nestjs/schedule': 1.0.2_1ce925e2290a1cea9e3700e8a60baeb5
   '@nestjs/schematics': 8.0.7_typescript@4.5.5
   '@nestjs/serve-static': 2.2.2_31e7036b193d6d3c9cadab18cbb4af84
-  '@nestjs/typeorm': 8.0.3_3917dd1d6231e97e428aeb9078dfff90
+  '@nestjs/typeorm': 8.0.3_a8e966c473b8cac7d0f44522ae3cdd56
   '@nrwl/next': 13.8.4_bb72e592f08d4a41355e886e2062b95a
   '@nrwl/tao': 13.8.4
   '@nrwl/workspace': 13.8.4_b055d0f33702adf7c462f4bf04e60212
@@ -185,7 +184,6 @@ dependencies:
   downloadjs: 1.4.7
   googleapis: 95.0.0
   handlebars: 4.7.7
-  i18next-http-backend: 1.3.2
   joi: 17.6.0
   lodash: 4.17.21
   md5-hex: 4.0.0
@@ -225,7 +223,7 @@ dependencies:
   sharp: 0.30.2
   tailwindcss: 3.0.23_4b9e11f8e85900587b5e2272c5d4c20c
   tslib: 2.3.1
-  typeorm: 0.2.44_pg@8.7.3
+  typeorm: 0.2.45_pg@8.7.3
   uuid: 8.3.2
   webfontloader: 1.6.28
 
@@ -2765,7 +2763,7 @@ packages:
       tslib: 2.3.1
     dev: true
 
-  /@nestjs/typeorm/8.0.3_3917dd1d6231e97e428aeb9078dfff90:
+  /@nestjs/typeorm/8.0.3_a8e966c473b8cac7d0f44522ae3cdd56:
     resolution: {integrity: sha512-tf9rTXP6LeFInkwd+tktQhtLRsKp4RRYImprqT8gcHcJDx+xMP1IygnXELOKwF5vo2/mnhrGtBlRQ/iiS6170g==}
     peerDependencies:
       '@nestjs/common': ^8.0.0
@@ -2778,7 +2776,7 @@ packages:
       '@nestjs/core': 8.4.0_2e10c1a16efb48b2968dca34c1adcfc4
       reflect-metadata: 0.1.13
       rxjs: 7.5.4
-      typeorm: 0.2.44_pg@8.7.3
+      typeorm: 0.2.45_pg@8.7.3
       uuid: 8.3.2
     dev: false
 
@@ -6362,14 +6360,6 @@ packages:
       moment-timezone: 0.5.34
     dev: false
 
-  /cross-fetch/3.1.5:
-    resolution: {integrity: sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==}
-    dependencies:
-      node-fetch: 2.6.7
-    transitivePeerDependencies:
-      - encoding
-    dev: false
-
   /cross-spawn/5.1.0:
     resolution: {integrity: sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=}
     dependencies:
@@ -8351,14 +8341,6 @@ packages:
     resolution: {integrity: sha512-/MfAGMP0jHonV966uFf9PkWWuDjPYLIcsipnSO3NxpNtAgRUKLTwvm85fEmsF6hGeu0zbZiCQ3W74jwO6K9uXA==}
     dev: false
 
-  /i18next-http-backend/1.3.2:
-    resolution: {integrity: sha512-SfcoUmsSWnc2LYsDsCq5TCg18cxJXvXymX9N37V+qqMKQY8Gf0rWkjOnRd20sMK633Dq4NF9tvqPbOiFJ49Kbw==}
-    dependencies:
-      cross-fetch: 3.1.5
-    transitivePeerDependencies:
-      - encoding
-    dev: false
-
   /i18next/21.6.13:
     resolution: {integrity: sha512-MVjNttw+5mIuu2/fwTpSU0EeI7iU/6pnDvGQboCzkILiv0/gD+FLZaF7qSHmUHO4ZkE6xJQ9SlBgGvMHxhC82Q==}
     dependencies:
@@ -13752,8 +13734,8 @@ packages:
     resolution: {integrity: sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=}
     dev: false
 
-  /typeorm/0.2.44_pg@8.7.3:
-    resolution: {integrity: sha512-yFyb9Ts73vGaS/O06TvLpzvT5U/ngO31GeciNc0eoH7P1QcG8kVZdOy9FHJqkTeDmIljMRgWjbYUoMw53ZY7Xw==}
+  /typeorm/0.2.45_pg@8.7.3:
+    resolution: {integrity: sha512-c0rCO8VMJ3ER7JQ73xfk0zDnVv0WDjpsP6Q1m6CVKul7DB9iVdWLRjPzc8v2eaeBuomsbZ2+gTaYr8k1gm3bYA==}
     hasBin: true
     peerDependencies:
       '@sap/hana-client': ^2.11.14