.pattern-project-hero {
    padding-top: calc(80px + var(--wp--preset--spacing--70));
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.pattern-project-hero::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url('../../decorations/hero-small-decoration.svg');
    background-position: bottom right;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 85%;
    max-width: 75%;
}
@media (min-width: 768px) {
    .pattern-project-hero::before {
        max-width: 50%;
    }
}