How do I make the flowers bigger?

[strange hollow]

Can you show us the rest of the code so we can see what's going on?

[strange hollow]

Probably increasing the height of the container (paragraph, div, etc.) of the text will do it.

[autumn vault]

#navbar--wrapper > span {
font-family: 'Caveat', cursive;
font-weight: bold;
font-size: 25px;
cursor: pointer;
display: inline-block;
position: relative;
background-image: url("img/flower.png");
background-repeat: no-repeat;
background-size: 20vh;
background-position: center, center;

}
That's the code that is applied to every word.
Code for those spans' container:
#navbar--wrapper {
display: flex;
gap: 100px;
align-items: center;
}
Code for the Navbar itself:
#navbar {
height: 100px;
background: #212121;
display: flex;
padding-left: 50px;
padding-right: 50px;
align-items: center;
justify-content: space-between;
color: white;
position: sticky;
top: 0;
z-index: 1;
}

[autumn vault]

I find that increasing the height and messes with the word positioning.

[raw onyx]

So you used <span> instead of an unordered list<ul> for the navbar? Do you intend to add links <a>? Interesting approach. Try background-size: cover; See if that works.

[strange hollow]

Can you send the HTML too? We can imagine what you did, but in order to test it out, we need the HTML. You can paste code between three backticks ` in Discord. This is between three backticks