CSS for placing a linear gradient over an image

Question

Hi im trying to put a linear gradient over an img and currently when placed over the image you can no longer see it. here is my css

.background-image {
  background-image: url('./assets/bg-img.png');
  background: linear-gradient(180deg, #3A8DFF 0%, #86B9FF 100%);
  position: absolute;
  width: 425px;
  height: 700px;
  left: 0px;
  top: 0px;
  mix-blend-mode: normal;
  opacity: 0.85
}