front look
css look

this is the div’s attributes ——> height: 250px, width: 600px;

I tried to define a linear gradient using percentages but I ran into some problems.
The percentages do not work as I expected in any example.

Let’s say in a second example each cycle is 45% but on the screen you can see that the cycle repeats about 6 times, meaning the total is not 100%.

Maybe the 100% is not the div’s?
Maybe 100% of something else?

I would really appreciate your help, I’m stuck on this for a long time.