#hero-section-template-3 .hero {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#hero-section-template-3 .hero img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#hero-section-template-3 .hero-intro {
    position: absolute;
    padding: 1.5rem;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-family: "PT Serif", serif;    
    text-align: center;
}

#hero-section-template-3 .hero-intro p:first-child {
    font-size: 2rem;
}

#hero-section-template-3 .hero-intro p:nth-of-type(2) {
    margin-block: 1rem;
    font-style: italic;
}

#hero-section-template-3 .hero-intro p:last-child a {
    font-size: 1.5rem;
    color: aquamarine;
}

@media(min-width: 600px) {
    #hero-section-template-3 .hero {
        justify-content: end;
    }

    #hero-section-template-3 .hero-intro {
        margin-right: 1rem;
    }
}