Tab Section Image is left aligned instead of center aligned

Hi,

I have been trying to find a solution to this problem but I don’t seem to find anything that works. On my website I am using three tabs in a tabs section and the image (I used an image instead of an icon) on either side are not aligned with the tab title.

I have tried to include this text in my css:

.av-section-tab-title.av-tab-no-icon.av-tab-with-image.noHover img {
margin: 0 auto;
}

AND

.avia-builder-el-34 .av-inner-tab-title, .avia-builder-el-34 .av-tab-section-icon, .avia-builder-el-34 .av-tab-arrow-container, .avia-builder-el-34 .av-tab-section-image{
width:inherit!important;
}

But it didn’t seem to fix the problem.
Here is a screenshot: https://imgur.com/a/EPaq6Jg

I hope you can help me. Also if possible, I would like to adjust the size of the image(icon) fx making it 50 x 50px.

Best regards
Jerome