https://github.com/AyeCode/userswp/blob/master/widgets/authorbox.php

All UWP widgets need to be modernised. We use our super duper class that builds out a block, shortcode and a widget all from the one code base. (the point of this is to get you used to this)

We have AUI (AyeCode UI) which has many helper classes for this. Please take a look at all the blockstrap blocks for examples:
https://github.com/AyeCode/blockstrap-page-builder-blocks/tree/main/blocks

Please add all things such as the paddings/margins, display options etc:
https://github.com/AyeCode/blockstrap-page-builder-blocks/blob/main/blocks/class-blockstrap-widget-counter.php

This is how you can build custom wrapper classes https://github.com/AyeCode/blockstrap-page-builder-blocks/blob/main/blocks/class-blockstrap-widget-counter.php#L389

This is for the main wrapper class https://github.com/AyeCode/blockstrap-page-builder-blocks/blob/main/blocks/class-blockstrap-widget-counter.php#L417

This is for the main inline styles: https://github.com/AyeCode/blockstrap-page-builder-blocks/blob/main/blocks/class-blockstrap-widget-counter.php#L419

We use helper classes for this as the user can have bootstrap 4 or 5 selected so the helper classes will always output the right classes.

Once you have done the basics for the wrappers, i will then get you to add a few new features to the block also such as being able to position the image and select the size and shape, texts outputs and colours and sizes so that a custom card can be built.

Ping me if any questions.