How can I get rid of these white borders around my carousel?-CodePudding

here's the issue I added a shadow around my carousel and I just saw that I got that white border around it, how could I get rid of it ? Here's a screenshot of the issue : My issue

Here's the code :

.carousel-text h1{
    font-size: 22px;
    font-weight: bold;
    margin-top: 165px;
    text-align: center;
}
.carousel {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 15px;
    max-width: 55%;
    margin: auto;
}

.carousel-inner {
    border-radius: 20px;
    margin-top: 20px;
}

CodePudding user response：

It appears the issue is you have two separate border-radius values. On your image you're using 15px and on your parent (.carousel) you're using 20px. Make these changes to solve your problem.

.carousel {
    border-radius: 15px;
}