Updated

frontend/@dasig/components/Image.tsx

@@ -0,0 +1,19 @@
+/** biome-ignore-all lint/complexity/noUselessFragments: <_> */
+
+interface Props {
+  name: string
+  size?: number
+  radius?: number | 0
+}
+
+export default (props: Props) => {
+  return (
+    <>
+      <picture>
+        <source srcset={`./@dasig/images/${props.name}.avif`} type="image/avif" />
+        <source srcset={`./@dasig/images/${props.name}.webp`} type="image/webp" />
+        <img style={`border-radius: ${props.radius}rem`} width={props.size} height="auto" decoding="async" loading="lazy" alt={props.name + ' image'} />
+      </picture>
+    </>
+  )
+}