Improve Profile background Appearance

sweet 

When a user upload a image using the Profile Desing located at https://scriptstribe.com/settings/profile/design

The backgroud i not really visible. I gave some transparency.

as you can see here https://scriptstribe.com/JaneMarcia

I am a bit out of time right now so I am doing this the dirty way :) 

open content/themes/default/templates/profile.tpl in after 

{include file='_head.tpl'}
{include file='_header.tpl'}

add

<style>
body {
  background-attachment: fixed !important;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}
.card,
.profile-tabs-wrapper,
.mini-footer
 {
  background-color: rgba(255, 255, 255, 0.70) !important;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border-radius: 10px;
   z-index: 99;
}
</style>

When a user upload a image using the Profile Desing located at https://scriptstribe.com/settings/profile/design

The backgroud i not really visible. I gave some transparency.

as you can see here https://scriptstribe.com/JaneMarcia

I am a bit out of time right now so I am doing this the dirty way :) 

open content/themes/default/templates/profile.tpl in after 

{include file='_head.tpl'}
{include file='_header.tpl'}

add

<style>
body {
  background-attachment: fixed !important;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}
.card,
.profile-tabs-wrapper,
.mini-footer
 {
  background-color: rgba(255, 255, 255, 0.70) !important;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border-radius: 10px;
   z-index: 99;
}
</style>