我已经使用了display block margin 0 auto但仍然不会居中

我的CSS有什么问题,为什么我的图片无法显示在中心位置,希望有人可以帮助我,谢谢 我已经尝试过边距0并且显示块仍然无法居中

enter code here

    <style>
.card-header img{
     width: 100%;
    height: auto;
     padding: 20px;
    margin: 0 auto; //this one already try
    display: block; //also this one
}
.banner-banner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right: 0;margin-left:-5px;background: linear-gradient(to bottom, #230343 0%, #A558F1 100%);  }

</style>