Thank you.. It's quite hard to troubleshoot as there are dozens of custom stylesheets before & after.. MDB was implemented afterwards, we started with basic bootstrap and other previous versions.

> The way I managed to fix it was forcing width/height:   <div
> class="mx-auto white"><img src="#tq.avatar#" style="height: 150px;
> margin-top: -75px;"alt="avatar mx-auto white" class="rounded-circle
> img-fluid">  </div>

It looks fantastic now...

I will keep troubleshooting (simplifying libraries to see which stylesheet is killing me, but it's unfortunate I can't start with the framework from scratch). I've at least identified the class that is having issues "avatar"

Hi, There has to be a problem with your implementation of HTML code.

Check out this snippet code and fix yours accordingly: https://mdbootstrap.com/snippets/jquery/pjoter-2-0/1266844

If you need additional help I am here for you. If you still have problems please copy your code to the snippets and I will find the issue for you.

Best Regards, Piotr