Hi @Matty, I would recommend to change up this structure a bit.
Step 1: Add flex stylng to whitebox class:
Step 2: Drag a new div under the whitebox class and give it a class of iconbox (or use whatever class you want
Step 3: Give the iconbox some flex styling
Step 4: Remove class from image
Step 5: Drag image into iconbox:
Step 6: Style iconbox class with background color of #4dbfbf, and width and height set to 90px
Step 7: Set iconbox class to radius of 60px
Step 8: At this point, you have a perfectly centered box with the image not cropped:
Step 9: Create a new div under the whitebox class, and give it a new class called Outer Ring or something like that.
Give it a flex styling:
Give it a 100px width and height:
For the Outer Ring class, give it some border and radius:
Step 10: Drag iconbox into Outer Ring Div and you have nice, centered, icon box with border
I hope this helps!