'updated_background_in_activity.vue'

.idea/workspace.xml

 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="1a1b2fc9-e664-4b80-be31-181ccebefc6b" name="Default Changelist" comment="">
-      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/UI/src/view/pages/Activity.vue" beforeDir="false" afterPath="$PROJECT_DIR$/UI/src/view/pages/Activity.vue" afterDir="false" />
-    </list>
+    <list default="true" id="1a1b2fc9-e664-4b80-be31-181ccebefc6b" name="Default Changelist" comment="" />
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -61,7 +58,7 @@
       <workItem from="1625689100430" duration="17000" />
       <workItem from="1625777539136" duration="790000" />
       <workItem from="1625827836141" duration="891000" />
-      <workItem from="1625830603744" duration="2080000" />
+      <workItem from="1625830603744" duration="2450000" />
     </task>
     <servers />
   </component>

UI/src/view/pages/ActivityAnalytics.vue

 <template>
-  <section>
+  <section class="bg-pic">
     <h4 class="text-uppercase mb-4">Quiz Info</h4>
     <div class="row mt-3">
       <div class="col-6">