New course! Every coder should learn Generative AI!
Try a free lesson0
.circle1 {
width: 1420px;
height: 1420px;
background: #53331c;
-webkit-border-radius: 1210px;
-moz-border-radius: 1210px;
border-radius: 1210px;
}
#circle2 {
width: 180px;
height: 180px;
background: #d8b58d;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 50%;
}
<div class="circle1" style="position:absolute;left:260px;top:160px;"></div>
<div id="circle2" style="position:absolute;left:260px;top:160px;"></div>
put your own co-ords for positioning
for a perfect circle width and height must be equal and border-radius exactly half
hope this helps