How do I remove the white background from text placed over an image?

See more:

image

CSS3

HTML5

ReactJS

So I'm working on a project in React and added in some text into my hero section over the image.

The problem is the text has a white background. I've never encountered this
problem before.

What I have tried:

I've tried going through every single css style sheet and I've gone through the global styles as well. 

There is no hint of something that could change the background color. 

I've also tried adding in opaque colors and setting the background to none. 

This seems to be some sort of default styles under the hood because even when I 
reduce the width of the text component there is still a white background running through the entire view width. 


I'm doing this project for a friend and would really like to get this fixed. 

So any help would be really appreciated!