anyone who has this problem and want to style their images however they want ,
These squarespace support people are a bunch of noobs, sorry :((
follow these simple steps:
using the markdown link icon upload the image
select the image you wanna use and for ease of use and if you're not familiar with computer pathing, hit save
it should give you a weird shortcode like [] [..1] and then a link/path that looks like "/s/your-image-name.jpeg"
Copy this path. Mine looks like this -> s/cedar-hat-workshop.jpeg
Now, delete all the gibberish code you see, but make sure you have the path to the image
add a line of code where src=" the path you copied "
<img src ="s/cedar-hat-workshop.jpeg"/> and voila! your image should appear
you can make it bigger or smaller by adding a style attribute to the img tag like this :
<img src ="s/cedar-hat-workshop.jpeg" style="height:200px; width:200px "/>
change the dimensions as you please refer to this for more info https://www.w3schools.com/tags/tag_img.asp