Responsive stats preview card component using flexbox

I have completed this as my 9th challenge in Frontend Mentors. I am glad to accept any feedback and suggestions regarding the accessibility and the techniques that I have used to develop the webpage.

I have learnt about the backgound-blend-mode and also the filter properties and also to make the overlay on the image I used the ::before pesudo selector

.card__img-container::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  filter: brightness(80%);
  background-color: hsla(277, 64%, 61%, 0.5);
}