Remove Paragraph from Desktop View (Keep on Mobile)

Store Design
1

Hello,

Need help to remove this texts displaying on desktop view. Thanks in advance!

URL: https://melawater.myshopify.com/

NateX_0-1643330803305.png
NateX_0-1643330803305.png1700×749 224 KB

Thanks,

Nate

2

Additional:

This is what was written on my image-banner.liquid

planet earth's juiciest watermelons

We source ripe watermelons from the earth's most exotic destinations and put them in a can.

Need to show this on mobile only

Thanks

3

This is what I have in “section-image-banner.css”

/********* MOBILE CONTENT **/
/ MOBILE CONTENT **/
/ MOBILE CONTENT ***********/

@media (max-width: 768px) {
.banner__content h2,span{
display:none;
}
@media (max-width: 768px) {
.banner__buttons{
text-align:center;
}
.banner__buttons a{
margin-top:120px;
}
}
.custom-banner-content-mobile{
display:none;
}
@media (max-width: 768px) {
.custom-banner-content-mobile{
display:block;
background-color:#F6F6F6 !important;
text-align:center;
margin-bottom:-15px;
padding-bottom:15px;
padding-top:1px;

}

.custom-banner-content-mobile h2{
font-size:30px;

}
.custom-banner-content-mobile p{
font-size:14px;

}
}
.banner__buttons:hover a{
background-color: white;
color: #f8485e;

}