.hero-text-boat {
    position: absolute;
    top: -24px;
    left: 120px;
        height: 150px;
    width: 525px;
   
    padding: 18px 28px;
    border-radius: 16px 16px 16px 16px;
    /* box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); */
    z-index: 2;
         background-image: url('/images/boattext.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /* make it cover the whole box */
}


.hero-line1-boat { color: #333;font-size: 26.5px;position: relative;top:16px }
.hero-line2-boat { color: #F47419;
    font-size:37.5px;
    top: 16px;position: relative; }