chore: add width and height to images

Author: haxgun

frontend/src/components/HomePage/Features.vue

@@ -46,9 +46,10 @@ import { hidden } from '@/utils.js'
         </div>
         <img
           v-if="!hidden"
+          width="376"
+          height="327"
           src="/images/features.webp"
           alt="Features"
-          class="h-auto"
           fetchpriority="low"
         />
       </div>
@@ -67,6 +68,8 @@ import { hidden } from '@/utils.js'
         <img
           v-if="!hidden"
           src="/images/configuration.webp"
+          width="382"
+          height="245"
           alt="configuration"
           fetchpriority="low"
         />

frontend/src/components/HomePage/Main.vue

@@ -83,7 +83,7 @@ const triggerConfetti = () => {
       v-if="!hidden"
       class="before:pointer-events-none before:absolute before:bottom-[18rem] before:right-[-30px] before:-z-10 before:h-[400px] before:w-[400px] before:rounded-full before:bg-[#A80026]/40 before:blur-[200px] before:content-['']"
     >
-      <img src="/images/ValoryLogo3D.webp" height="321" alt="Valory 3D" fetchpriority="high" />
+      <img src="/images/ValoryLogo3D.webp" height="321" width="314" alt="Valory 3D" fetchpriority="high" />
     </div>
   </section>
 </template>