.hover-section-wrapper{  position:relative;  width:100vw;   left:50%;  right:50%;  margin-left:-50vw;  margin-right:-50vw;  height:600px;   overflow:hidden;box-sizing:border-box}#cp2s1tf11{  position:relative;  width:100vw;   left:50%;  right:50%;  margin-left:-50vw;  margin-right:-50vw;  overflow:hidden;box-sizing:border-box}   .background-images{  position:absolute;  top:0;  left:0;  width:100%;  height:100%} .bg-image{  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background-size:cover;  background-position:center;  opacity:0;  transition:opacity 0.6s ease} .bg-image.active{  opacity:1}   .content-wrapper{  position:relative;  z-index:10;  display:flex;  width:100%;  height:100%} .hover-section{  flex:1;  display:flex;  align-items:center;  justify-content:center;  text-align:center;  cursor:pointer;  transition:all 0.3s ease;  position:relative} .hover-section::before{  content:'';  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background:rgba(0,0,0,0.3);  transition:background 0.3s ease} .hover-section:hover::before{  background:rgba(0,0,0,0.1)} .section-content{  position:relative;  z-index:2;  color:white;  padding:2rem} .section-content h2{  font-size:3rem;  font-weight:300;  letter-spacing:2px;  margin-bottom:1rem;text-shadow:2px 2px 4px rgb(22,60,14);color:#fff} .section-content p{  font-size:1.2rem;  font-weight:300;  max-width:600px;  margin:0 auto;  text-shadow:1px 1px 3px rgba(0,0,0,0.5)}.section-content a,.section-content a:link,.section-content a:visited,.section-content a:active,.section-content a:hover{color:#FFF !important}   @media (max-width:768px){  .hover-section-wrapper{   height:400px}  .content-wrapper{   flex-direction:column}  .section-content h2{   font-size:2rem}  .section-content p{   font-size:1rem}}