Change image responsive settings in carousel?

Looks to me like you’ve added the logo onto each jpg in the slider?

How about leaving the slider as it is with full images, and adding a single, transparent logo in a widget that hangs over the slider with a higher z-index?

In fact, you don’t need the widget, you can reposition the original logo using position:relative-top-left

Taking your advice about repositioning the logo. I did the following in my child theme.

.tc-header .brand .site-logo {
position: absolute;
z-index:500;
margin-top:75px;
}

If you could take a look at my site this is how that turned out:

https://peacefulriverwineryandspa.com/prototype/

How would I go about making this stay in line with left side of the slider once the screen is different sizes?

Thank you for your help so far I feel like I am getting somewhere with this.

.tc-header .brand .site-logo {
  left: 0%;
  top: 40px;
  margin-top: 75px;
  position: absolute;
  z-index: 500;
}

You were nearly there – add the left/top to the position:absolute.

To manage the responsiveness, you’ll need to tweak those settings at different viewports using @media

Your Logo is now showing up on all the pages covering your text.