diff --git a/src/pages/404.astro b/src/pages/404.astro
index 76199de..d237706 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -6,11 +6,11 @@ import { URLS } from '../statics';
 <Layout title="404" >
   <main>
     <div class="hero bg-base-200 min-h-screen">
-      <div class="hero-content flex-col lg:flex-row">
+      <div class="hero-content flex-col-reverse lg:flex-row">
         <img
           src={URLS.INTERNAL_HOME + "404.jfif"}
           alt="An AI-generated image of people unable to find the correct way."
-          class="max-w-sm rounded-lg shadow-2xl" />
+          class="sm:max-w-sm rounded-lg shadow-2xl" />
         <div>
           <h1 class="text-5xl font-bold">404!</h1>
           <div class="py-6">