(ANSWERED) Importing and embedding a vector image

Question

I tried to design my country’s national flag but am still missing the emblem which is the created crane

😌 our flag is one of the cutest African national flags but it’s even prettier with the crested crane which I’ve failed to place in

I need help, any ideas on how I can import and embed it in will be highly appreciated

Have a look at how pretty this looks even when incomplete

https://code.sololearn.com/W2U5SeF84nXx/?ref=app

Answer 1

Check this one:

<!-- HTML -->
<div class="circle"><img src="https://b.kisscc0.com/20180816/ecq/kisscc0-flag-of-uganda-national-flag-country-grey-crowned-crane-5b760db897b169.1367370415344634166213.png"/></div>

/* CSS */
.circle, .circle img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.circle {
background-color: #fff;
border-radius: 50%;
height: 33.33%;
width: 80px;
z-index: 1;
}

.circle img {height: 88%;}

Answer 2

Yeah, it's nice, but do you have the image of that bird?

Answer 3

🇮🇱 Radin Masiha 🇮🇱 thanks a lot 🤝🏽

Answer 4

🇮🇱 Radin Masiha 🇮🇱 I dont have the image yet

Answer 5

Welcome 🙂