Added my snippets and current settings on Linux

Packages/User/pict.sublime-snippet

@@ -0,0 +1,51 @@
+<snippet>
+    <content><![CDATA[
+<picture>
+    <source type="image/avif"
+        srcset="
+          ${1:imageName}-640w.avif   640w,
+          ${1:imageName}-1280w.avif 1280w,
+          ${1:imageName}-1920w.avif 1920w
+        "
+        sizes="
+            550px,
+            (max-width: 768px) calc(100vw - 3em),
+            (max-width: 1376px) calc(50vw - 8em)
+        ">
+
+  <source type="image/webp"
+    srcset="
+      ${1:imageName}.webp?w=100&fm=webp 100w,
+      ${1:imageName}.webp?w=200&fm=webp 200w,
+      {1:imageName}.webp
+    "
+    sizes="
+      550px,
+      (max-width: 768px) calc(100vw - 3em),
+      (max-width: 1376px) calc(50vw - 8em)
+    ">
+
+  <img
+    srcset="
+      ${1:imageName}.jpg?w=100&fm=jpg&fl=progressive 100w,
+      ${1:imageName}.jpg?w=200&fm=jpg&fl=progressive 200w,
+      ${1:imageName}.jpg
+    "
+    sizes="
+      550px,
+      (max-width: 768px) calc(100vw - 3em),
+      (max-width: 1376px) calc(50vw - 8em)
+    "
+    src="${1:imageName}.jpg"
+    alt="${1:imageName}"
+    loading="lazy"
+    decoding="async"
+    width="{{ $width }}"
+    height="{{ $height }}">
+</picture>
+]]></content>
+    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
+    <tabTrigger>pict</tabTrigger>
+    <!-- Optional: Set a scope to limit where the snippet will trigger -->
+    <!-- <scope>source.python</scope> -->
+</snippet>