How to stop text hyphenating within a slideshow banner

Hi, 

WWW.ANNAGRIFFINCOACHING.COM 

PASSWORD: home8

I need to stop the text in my slideshow banner from hyphenating when screen sizes are changing. If possible scaling the text potentially as it responds? 

Any help would be appreciated! @tuanphan? 

I currently have the following code addressing the slider text: 

section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"]
h2.list-item-content__title {
    font-size: 38px !important;
    color: #E0BE7E !important;
}
section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"]
.list-item-content__description {
    font-size: 20px !important;
    color: #E7E0DA !important;
  font-weight: 400;
}
section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"]
.list-item-content__description strong {
  font-family: The Pallace;
  line-height: .8em;
  letter-spacing: .01em;
  font-weight: 300!important;
    font-size: 60px !important;
    color: #E7E0DA !important;
}

//banner 3 testimonial//
section[data-section-id="646a8e78ef30617fa582bedc"]
h2.list-item-content__title {
    font-size: 35px !important;
    color: #44535D !important;
}

section[data-section-id="646a8e78ef30617fa582bedc"]
.list-item-content__description {
    font-size: 18px !important;
    color: #44535D !important;
  font-weight: 400;
}
section[data-section-id="646a8e78ef30617fa582bedc"]

.list-item-content__description strong {
  font-family: The Pallace;
  line-height: .99em;
  letter-spacing: .01em;
  font-weight: 300!important;
    font-size: 55px !important;
    color: #44535D !important;
}
 

p, h1, h2, h3 {

-webkit-hyphens: manual !important; 

-moz-hyphens: manual !important; 

-ms-hyphens: manual !important; 

hyphens: manual !important;

}

You can add this to Design > Custom CSS

p,h1,h2,h3, body * {
    -webkit-hyphens: manual !important;
    -moz-hyphens: manual !important;
    -ms-hyphens: manual !important;
    hyphens: manual !important
}

Hi @tuanphan this hasn't worked unfortunately. 

Which screen sizes do you see problem?