adding some various snippets

Packages/User/img.sublime-snippet

@@ -0,0 +1,20 @@
+<snippet>
+    <content><![CDATA[
+<img alt="alt text"
+    loading="lazy"
+    decoding="async"
+    height="1080"
+    width="1920"
+    srcset="${1:some_image}_sd_640.jpg?w=50&fm=jpg&fl=progressive 640w,
+            ${1:some_image}_hd_720.jpg?w=100&fm=jpg&fl=progressive 720w,
+            ${1:some_image}_hd_1920.jpg?w=200&fm=jpg&fl=progressive 1920w"
+    sizes="(max-width: 640px) 640px,
+           (max-width: 720px) 720px,
+           1920px"
+    src="${1:some_image}_hd_1920.jpg">
+]]></content>
+    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
+    <tabTrigger>img</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.python</scope> -->
+</snippet>