.hero-banner img {
    border-radius: 22px;
    position: relative;
}
.hero-banner .hero-title {
    font-size: clamp(12px, 3vw, 28px);
    position: absolute;
    bottom: -10px;
    right: 10rem;
    z-index: 1;
    padding-inline: clamp(16px, 2vw, 24px);
    width: max-content;
    display: flex;
    flex-wrap: wrap;
}
.hero-banner .hero-title:before {
    content: "\e927";
    font-family: 'icomoon';
    position: absolute;
    line-height: 1;
    bottom: 20px;
    right: 50%;
    z-index: -1;
    color: white;
    transform: translateX(50%);
    font-size: clamp(19px, 3vw, 50px);
}
@media only screen and (max-width: 768px) {
    .hero-banner .hero-title {
        right: 50%;
        transform: translateX(50%);
    }
}