'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="" />
+    <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>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -58,7 +61,7 @@
       <workItem from="1625689100430" duration="17000" />
       <workItem from="1625777539136" duration="790000" />
       <workItem from="1625827836141" duration="891000" />
-      <workItem from="1625830603744" duration="1094000" />
+      <workItem from="1625830603744" duration="2080000" />
     </task>
     <servers />
   </component>

UI/src/view/pages/Activity.vue

 <template>
-    <section>
+    <section class="bg-pic">
         <h4 class="text-uppercase mb-4">Activity data analytics</h4>
         <div class="row">
-            <div class="col-12">
+            <div class="col-12" >
                 <!-- <div class="card mb-4">
                     <div class="card-body">
                         <h4 class="text-dark font-weight-bold">Search Students</h4>