better css for mobile

source/pages/interests.html

@@ -93,7 +93,8 @@
             <div class="section-head">
               <h2>Lunix rice</h2>
             </div>
-            <div style="display: flex; align-items: center; gap: 1rem;">
+                    <div class="exp-flex">
+
               <p class="exp-body">I love my custom Linux setup. I use Hyprland, which automatically arranges app windows
                 on my screen so everything stays organized without dragging things around. I also use Quickshell, which
                 lets me customize menus, shortcuts, and system controls to work exactly how I want.
@@ -102,13 +103,13 @@
                 efficient desktop that’s hard to go back from.
                 <a class="outlink" href="https://git.samantha42.xyz/samantha/dotfiles">Git repo</a>
               </p>
-              <img src="/static/images/rice.png" style="height: 200px; align-self: center;">
+              <img src="/static/images/rice.png" style="width: 400px; align-self: center;">
             </div>
             <div class="section-head">
               <h2>programing</h2>
             </div>
-            <div style="display: flex; align-items: center; gap: 1rem;">
-              <img src="/static/images/program.png" style="height: 350px;" alt="program">
+                    <div class="exp-flex">
+                        <img src="/static/images/program.png" style="height: 500px;" alt="program">
               <div>
               <p class="exp-body">
                 Programming can be a task, but for me it's a source of joy. This is something I do as a hobby, and I