*{

  padding:0;

  margin:0;

  border:0;

  box-sizing:border-box;

}

.wp{

    margin:5px;

    width: 400px;

    height: 300px;

    border-radius: 10px;

​

}

.w1{

   background:radial-gradient(ellipse at bottom left, rgba(0, 39, 255, 0.4) 10%, rgba(138, 114, 76, 0) 40%),

radial-gradient(ellipse at top left, rgba(0, 39, 255, 0.4) 10%, rgba(138, 114, 76, 0) 40%),

radial-gradient(ellipse at bottom right, rgba(0, 39, 255, 0.4) 10%, rgba(138, 114, 76, 0) 40%),

radial-gradient(ellipse at top right, rgba(0, 39, 255, 0.4) 10%, rgba(138, 114, 76, 0) 40%),

linear-gradient(to bottom, rgba(6, 188, 255, 0.25), rgba(196, 4, 4, 0.4));

}

.w2{

      background:

      linear-gradient(limegreen, transparent),

      linear-gradient(90deg, skyblue, transparent),

      linear-gradient(-90deg, coral, transparent);

      background-blend-mode: screen;

}