Stats-preview-card-component

👾Hello Eman, congratulations for your new solution!

Your solution is great but you miss two things to fix, the alignment and the image color overlay:

To align the container, remove the margins from the container and add these properties to the body:

body {
    min-height: 100vh;
    background-color: #090b1a;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

To have the same overlay effect from the challenge use, filter, background-blend-mode or mix-blend-mode (the best choice in my opinion). See the code below

img {
mix-blend-mode: multiply;
opacity: 0.8;}

👋 I hope this helps you and happy coding!