Adjust image width/height

jketcham · Aug 24, 2023 · 07c7787 · 07c7787
1 parent 4631fe6
commit 07c7787
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/views/index.django b/views/index.django
@@ -1,9 +1,9 @@
 <div class="grid grid-cols-1 my-auto gap-4 p-4 text-amber-800">
   <div class="grid gap-4 grid-flow-row md:p-0 md:grid-flow-col my-auto max-w-5xl">
     <div class="md:row-span-3 border-solid border-current border-2">
-      <picture class="block w-full md:w-96">
+      <picture class="block w-full md:w-96" style="aspect-ratio: 4/5;max-inline-size: 100%;block-size: auto;object-fit: cover;object-position: top center;">
         <source srcset="/images/home_photo.webp" type="image/webp">
-        <img src="/images/home_photo.jpg" alt="" loading="eager" fetchpriority="high">
+        <img src="/images/home_photo.jpg" alt="" loading="eager" fetchpriority="high" height="480" width="384">
       </picture>
     </div>