Can you upload the photo you’re wanting to be circular because I might be able to help you.

https://vignette.wikia.nocookie.net/a-business-proposal/images/3/33/Diamaker_-_Avatar.png/revision/latest?cb=20210220041847

Is that good?

Yes! Thank you! I'll just input it in the source. Thanks again!

@Diamaker there seems to be an issue with the photo, can you possibly give me content mod for 5 minutes?

You actually can do that without using photo editor nor css. For instance, using this following code, I can make a 250px-sized round-shaped image with red border:

<div style="width:250px; height:250px; border-style:solid; border-width:5px; border-color:red; border-radius:50%; background-color:transparent; overflow:hidden;">[[File:Twenty-Fifth Baam-Profile.png|250px]]</div>

To see how it works, you can take a look at my sandbox here

@OttoLannister550 can the [[File:{{{image}}}|250px]] be replaced by a code that can show the profile picture of the user? And will be auto-updated if the user changes their profile pic...

@OttoLannister550 Okay, Thanksss!

Technically, that is still CSS. There is stylesheet CSS which is placed on pages like MediaWiki:Wikia.css and then there is inline CSS that is place directly on the page as in OttoLannister550's solution.