I'm trying to put an image in top of my div like in the picture bellow, but I'm having a hard time trying to figure out whats wrong with my css.
#testimonials-cards-container {
margin: 0;
width: 95%;
margin-left: 43px;
}
.testimonials-cards {
box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.25);
border-radius: 30px;
margin: 50px 26px 33px 27px;
height: 337px;
}
#testimonials-cards-container .testimonials-cards img{
width: 200px;
display: table;
margin: 10px auto;
}<div class="sectionSeven"><div id="testimonials-cards-container" class="owl-carousel owl-theme"><div class="testimonials-cards"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Circle_-_black_simple.svg/1200px-Circle_-_black_simple.svg.png" alt=""><h1>test</h1></div></div></div>