fix: Issues #224 done.

src/components/Discover/Map/SidebarFilter.vue

@@ -54,7 +54,7 @@
           </div>
         </div>
         <div v-show="selectValue[0] === 'Timeframes'">
-          <p class="h2">Containment</p>
+          <p class="h2">Containment<span class="material-symbols-outlined !text-sm align-middle ml-2 cursor-pointer" v-tooltip.bottom="tooltip.containment">info</span></p>
           <div v-for="(item, index) in selectFilter['Containment']" :key="index">
             <RadioButton v-model="selectValue[6]" :inputId="item + index" name="Containment" :value="item" class="mb-1 mr-2"/>
             <label :for="item + index">{{ item }}</label>
@@ -164,6 +164,24 @@ export default {
       rowData: [],
       selectTraceArea: [], // Trace 滑快
       isDisabled: true, // Apply Button disabled setting
+      tooltip: {
+        containment: {
+          value: '<img src="/public/filterContainment.png" alt="filterContainment" class="block">',
+          escape: false,
+          autoHide: false,
+          pt: {
+            root: {
+              class: 'p-0 bg-transparent'
+            },
+            arrow: {
+              class: 'hidden'
+            },
+            text: {
+              class: 'p-0 bg-transparent shadow-none'
+            }
+          }
+        }
+      },
     }
   },
   components: {