#gradient:before {
  content:'';
  z-index:-1;
  position:absolute;
  display:block;
  width:100%;
  height:75%;
  top:10%;
  left:0%;
  transition: 0.3s opacity ease-in-out;
  filter:blur(15px);
  opacity:0;
  /* background: linear-gradient(60deg, #F55767, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82); */
  background: linear-gradient(90deg, #F55767, #F55767, #ffffff, #ffffff, #F55767, #F55767);
}

#gradient:hover:before {
  opacity:1;
  transition: 0.3s opacity ease-in-out;
  filter:blur(25px);
  background: linear-gradient(90deg, #F55767, #F55767, #ffffff, #ffffff, #F55767, #F55767);  
}