How to make tranparent image behind text [closed]

I'm new to coding on spacehey so sorry if this is bad but I need help. So I was tryna make the inner blurbs image background transparent but I see that it's in front of the text, making it bad looking. but whenever I just put position: absolute, it makes the headings weird. What do I put to change the position of an image? ty :)

Here's my code rn for that part below:

.profile .blurbs .inner {

background-image: url(https://i.postimg.cc/MKSdy4Qp/c26e6af6-44cb-4786-8879-6494c106770a.jpgg);

background-size: 400px;

border-bottom-right-radius: 30px;

border-bottom-left-radius: 30px;

border-top-left-radius: 30px;

border-top-right-radius: 30px;

opacity: 0.75;

}