.homepage-intro {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 8vh;
    margin-bottom: 6vh;
    padding: 20px 50px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    color: var(--color-primary-blue);
}

.homepage-intro h1 div {
    font-size: clamp(0.75rem, 1vw + 0.1rem, 2.25rem);
}
/* responsive */

.phone .homepage-intro,
.tablet .homepage-intro{
    margin-bottom: 0;
    padding: 20px;
    height: unset;
    position: absolute;
    top: 0;
    color: var(--color-white);
}

.phone .homepage-intro h1 div,
.tablet .homepage-intro h1 div{
    font-size: 15px;
}