image background very pixelated

[learningdesign]

image background very pixelated how to fix it 

i used this code 


.h2 {
color: #c69c47;
}
{
background-image: url("https://cdn.shopify.com/s/files/1/0880/3211/7025/files/background-product.webp?v=1719651833");
background-size: cover;
background-position: top;
background-repeat: no-repeat;
padding-top: 50px;
margin: auto;
margin-bottom: 50px;
box-sizing: border-box;
image-rendering: pixelated;
}

check the below image how to fix this please send me correct code