fix: manjaro#34

Add shadows to all images in the page equaly
remove  backgrounds from  ollama logo
replace box shadow with drop-shadow
fix ollama in dark theme

pages/enterprise.vue

@@ -4,7 +4,7 @@
       <div class="grid gap-12 row-gap-8 lg:grid-cols-2 pb-20">
         <div class="place-self-center">
           <NuxtImg
-            class="h-56 sm:h-96 object-contain"
+            class="h-56 sm:h-96 object-contain drop-shadow-lg dark:drop-shadow-lg-slate-800"
             width="400"
             src="/enterprise/services.png"
             alt=""
@@ -76,21 +76,21 @@
         <div class="flex items-center justify-center -mx-4 lg:pl-8 lg:order-last">
           <div class="flex flex-col items-end px-3">
             <NuxtImg
-              class="object-scale-down mb-6 rounded shadow-lg dark:shadow-slate-800 h-28 sm:h-36 xl:h-44 w-28 sm:w-36 xl:w-44 p-4"
+              class="object-scale-down mb-6 rounded drop-shadow-lg dark:drop-shadow-lg-slate-800 h-28 sm:h-36 xl:h-44 w-28 sm:w-36 xl:w-44 p-4"
               width="400px"
               src="/enterprise/gnome-calendar.webp"
               alt="Zscaler logo"
             />
             <NuxtImg
-              class="object-scale-down w-24 h-24 rounded shadow-lg dark:shadow-slate-800 sm:h-32 xl:h-40 sm:w-32 xl:w-40 p-4"
+              class="object-scale-down w-24 h-24 rounded drop-shadow-lg dark:drop-shadow-lg-slate-800 sm:h-32 xl:h-40 sm:w-32 xl:w-40 p-4"
               width="400px"
-              src="/enterprise/ollama-logo.webp"
+              src="/enterprise/ollama.webp"
               alt="SentinelOne logo"
             />
           </div>
           <div class="px-3">
             <NuxtImg
-              class="object-scale-down w-36 h-36 rounded shadow-lg dark:shadow-slate-800 sm:h-48 xl:h-60 sm:w-48 xl:w-60 p-8"
+              class="object-scale-down w-36 h-36 rounded drop-shadow-lg dark:drop-shadow-lg-slate-800 sm:h-48 xl:h-60 sm:w-48 xl:w-60 p-8"
               width="400px"
               src="/enterprise/freeoffice-logo.webp"
               alt="Microsoft 365 logo"

tailwind.config.js

@@ -20,6 +20,9 @@ export default {
   },
   theme: {
     extend: {
+      dropShadow: {
+        'lg-slate-800': ['0 1px 2px #1e293b', '0 1px 1px #1e293b'],
+      },
       colors: {
         text: {
           50: '#12070f',