.collection-hero {
    height: 31.25rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 8rem 2rem 5rem 2rem;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: unset;
}
@media (max-width: 767px) {
    .collection-hero {
        height: 31.25rem;
    }
}

.collection-hero .main-title {
    text-align: center;
    margin: 0
}