Removing text banner on main page image slider

Hi,

I want to change the images on my image slider and do not want the red banner with text to appear anymore.
I have custom CSS for the slider as follows. What do I need to change to remove it? Please note, I don’t have much custom CSS knowledge. THANKS!
I have the Canvas Theme.

/*Home Canvas slider start*/
#wrapper #loopedSlider.business-slider .content {
background-color: rgba(219, 22, 47, 0.6) !important;
width: 100%;
top: 65%;
bottom: inherit;
}
#loopedSlider.business-slider .content h2.title a {
color: #fff !important;
}
#loopedSlider.business-slider .content h2.title a:hover {
color: #383961 !important;
text-decoration: none !important;
}
#wrapper #loopedSlider.business-slider .content a:link, a:visited {
color: #fff;
}
/*Home Canvas slider start*/
/*Typography start*/
#content a {
color: #C4263F !important;
font-weight: 700;
}
.home .breadcrumb {
display: none;
}
.entry blockquote {
position: relative;
padding: 10px 20px 10px 50px;
background-color: rgba(113, 117, 104, 1);
}
.entry blockquote p {
color: #fff;
}
.entry blockquote a {
color: #fff;
text-decoration: underline;
}
blockquote, q {
quotes: none !important;
}
.entry h2 {
line-height: 1.1em;
}
h3 {
text-transform: uppercase !important;
}
.widget h3 {
font-size: 1.2rem;
}
/*Typography end*/

The page I need help with: [log in to see the link]