Good morning, I'm not able to make the border to be round around the image. I appreciate if anyone can help. The border radius is not being applied.
body {
background-position: top center;
background-size: 100% auto;
background-color: #121214;
}
header {
text-align: center;
margin-top: 40px;
}
header div {
width: 150px;
margin: auto;
display: flex;
border-radius: 50%;
border-width: 4px;
border-style: solid;
border-image: linear-gradient(90deg, #C91842 0%, #5CC2E2 100%)1;
}
header div img {
width: 100%;
border-radius: 50%;
}<header>
<div>
<img src="https://img.cppng.com/download/2020-06/36046-4-mario-party-transparent.png" alt="mario">
</div>
</header>