.gradient1 {
display: flex;
  justify-content: center;
  align-items: center;
position: absolute;


}
.gradient1::before {
	content: "";
	width: 100%;
	height: 100%;
	margin: 0;
  padding: 0;
	
	background: -moz-linear-gradient(-90deg, transparent,  #EE9AE5 50%, #5961F9 75%, #FF52E5 100%);
	background: -webkit-linear-gradient(-90deg, transparent,#EE9AE5 50%, #5961F9 75%, #FF52E5 100%);
	background: linear-gradient(90deg, transparent,  #EE9AE5 50%, #5961F9 75%, #FF52E5 100%);
	
	background-size: 400% 400%;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: .4;
	transition: .5s;
}
.gradient1:hover::before {
	background-position: 100% 100%;
		
}