Всем привет! Хочу сделать разрезанный круг на css. Делаю два полукруга, верхний норм, а нижний стремный какой-то. Если обоеим половинам задавать одинаковы ширину и высоту, то всё норм, но мне нужно сделать так, чтобы нижний был меньше по высоте и прям чуть-чуть по ширине, чтобы визуально казалось что срез не по центру. Или такое проще делать на SVG?
У меня что-то не укладывается в голове.
Верхнний полукруг: width: 40rem, height: 22rem, border-radius: 40rem — всё плавно при скруглении.
Нижний: width: 39rem, height: 18rem, border-radius 39rem — нижний полукруг будто чуток сплющен ))
В чем разница? Какую тонкость я не понимаю? 😒