croissant

.butterroll {position: absolute;width: 700px;height: 400px;top: 50%;left: 50%;transform: translate(-50%,-50%);}.roll1 {position: absolute;width: 300px;height: 300px;top: 100px;background-image: radial-gradient(#FDA193, #AC6D0E);border-radius: 100%;}.roll2 {position: absolute;width: 300px;height: 350px;top: 40px;left: 100px;background-image: radial-gradient(#FDA193, #B3781F);border-radius: 40%;}

.roll3 { position: absolute; width: 300px; height: 400px; right: 200px; background-image: radial-gradient(#FDA193, #DB962F); border-radius: 40%; z-index: 2; }

.roll4 { position: absolute; width: 300px; height: 350px; top: 40px; right: 100px; background-image: radial-gradient(#FDA193, #B3781F); z-index: 1; border-radius: 40%; } .roll5 { position: absolute; width: 300px; height: 300px; top: 100px; left: 400px; background-image: radial-gradient(#FDA193, #AC6D0E); border-radius: 50%; }