Stats preview card component

Nice well done. See below how you can fix the overlay

.right{
  background:url(img.jpg) no-repeat;
  height:446px;
  width:560px;
  position: relative;
}

.right::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsl(277, 64%, 61%);
  mix-blend-mode: multiply;
  opacity: 0.8;
}

When going to smaller screen the image is at the bottom, you need to do a flex direction reverse.