remove @astrojs/image <Image/> tag from country page and update image…

… orientation with native <img> tag

src/pages/travel/[country].astro

@@ -10,7 +10,6 @@ import InfoItem from "../../components/info-item/InfoItem";
 import InfoSection from "../../components/info-section/InfoSection";
 import Restrictions from "../../components/restrictions/Restrictions";
 import CountryStats from "../../components/CountryStats.astro";
-import {Image} from "astro:assets";
 import {Country} from "../../models.interface";
 
 export async function getStaticPaths() {
@@ -82,7 +81,7 @@ const transformItems = (items: string[]) => {
     <VisaRequirement client:only="preact" travelCountry={country}></VisaRequirement>
     <div class="profile-container">
         <div class="country-info">
-            <Image src={flags.png} class="country-flag" width={113} height={68} format="webp" alt={officialName}/>
+            <img loading="lazy" src={flags.png} class="country-flag" width="auto" height={68} alt={officialName}/>
             <div class="country-name">
                 <h1>{country}</h1>
                 <h2>{officialName}</h2>