go back to img completely since astro-imagetools seems to have broken

Author: danielwzyang

src/components/ImageContainer.astro

@@ -1,6 +1,4 @@
 ---
-import { Picture } from "astro-imagetools/components";
-
 export interface Props {
   img: string;
   alt?: string;
@@ -42,11 +40,10 @@ const { img, alt, text, height, width, tSize, placeholder } = Astro.props;
 <div class="image-container">
   {
     img ? (
-      <Picture
+      <img
         src={img}
         alt={alt}
         width={width}
-        placeholder={placeholder ? placeholder : "blurred"}
       />
     ) : (
       <p>

src/components/carousels/ImageCarousel.astro

@@ -82,21 +82,18 @@ const imageData = yml.default;
       imageData.map((image: CarouselItemType, index: number) => (
         <div class={index == 0 ? "carousel-item active" : "carousel-item"}>
           {image["img-link"] == null ? (
-            <Picture
+            <img
               src={image.img}
               alt="..."
-              attributes={{
-                class: "d-block w-100",
-              }}
+              class="d-block w-100"
             />
           ) : (
             <a href={image["img-link"]} target="_blank">
-              <Picture
+              <img
                 src={image.img}
                 alt="..."
-                attributes={{
-                  class: "d-block w-100",
-                }}
+                class="d-block w-100"
+
               />
             </a>
           )}

src/components/leadership/LeadershipContainer.astro

@@ -87,11 +87,7 @@ const { leadership, height, width, tSize, hSize } = Astro.props;
         >
           {
             leadership.image ? (
-              (leadership.image.startsWith("/") || leadership.image.startsWith("http")) ? (
-                <img src={leadership.image} alt={leadership.name} style="width:100%; height:auto; object-fit:contain;" />
-              ) : (
-                <Picture src={leadership.image} alt={leadership.name} />
-              )
+              <img src={leadership.image} alt={leadership.name} />
             ) : (
               <strong>
                 <h1 class="fw-bold text-muted text-center ">{leadership.name}</h1>

src/components/news/NewsImage.astro

@@ -11,7 +11,7 @@ const { src, alt, desc } = Astro.props;
 ---
 
 <div class="text-center">
-  <Picture src={src} alt={alt} />
+  <img src={src} alt={alt} />
 </div>
 <div class="text-center">
   <small>{desc}</small>