Remove the rectangular border on transparent images
As a thankyou to Sakin from Catch Themes who helped me out I'm posting a solution for learners like me.
Although I saved my images as transparent GIFs or PNGs the rectangular border still showed up.
I added the following text in "Appearance => Customize => Additional CSS" box:
.page .entry-content img {
box-shadow: none;
padding: 0;
border: none;
}
Borders are now transparent.