'updated_background_in_studentprofile.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$/UI/src/view/pages/Student.vue" beforeDir="false" afterPath="$PROJECT_DIR$/UI/src/view/pages/Student.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 +60,7 @@
       <workItem from="1625689100430" duration="17000" />
       <workItem from="1625777539136" duration="790000" />
       <workItem from="1625827836141" duration="891000" />
-      <workItem from="1625830603744" duration="2450000" />
+      <workItem from="1625830603744" duration="2768000" />
     </task>
     <servers />
   </component>

UI/src/view/pages/StudentProfile.vue

 <template>
-  <section>
+  <section class="bg-pic">
     <h4 class="text-uppercase mb-4">student Profile</h4>
     <div class="row align-items-stretch">
       <div class="col-6">