链接中的图像不会居中对齐

如何解决链接中的图像不会居中对齐

我的角度应用程序中有一个自转轮播。我在图像上添加了标签，以便当有人单击图像时它将重定向到特定页面。我无法使图像与窗口的中心对齐（除非我更改了填充，否则如果将窗口最小化将导致问题。此外，由于添加了标签，所以我似乎也看不到设置包含图像的div的背景颜色（在添加链接之前，它工作正常）。我将发布HTML和CSS代码。感谢您的帮助！

<ngb-carousel [showNavigationArrows]="true" 
[showNavigationIndicators]="true"
interval="12000"
[keyboard]="true"
[pauSEOnHover]="true"
[wrap]="true"
[activeId]="'secondSlide'"
 [interval]="3000" [pauSEOnHover]="pauSEOnHover" (slide)="onSlide($event)">
  <ng-template ngbSlide>
    <div class="picsum-img-wrapper">
      <a class="nav-link" routerLink="/blog/1">
      <img src="../../assets/img/actual.png" alt="Angular Carousel 1"></a>
    </div>
    <div class="carousel-caption">
      <h3>Title Goes Here</h3>
      <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit.</p>
    </div>
  </ng-template>
  <ng-template ngbSlide>
    <div class="picsum-img-wrapper">
      <a class="nav-link" routerLink="/blog/2">
      <img src="../../assets/img/image0.jpeg" alt="Angular Carousel 2"></a>
    </div>
    <div class="carousel-caption">
      <h3>Title Goes Here</h3>
      <p>Consectetur tortor volutpat pretium.</p>
    </div>
  </ng-template>
</ngb-carousel>

a.nav-link {
  background-color: #361833 !important;
  margin-left: auto !important;
  margin-right: auto !important;

}

a {
  background-color: #361833 !important;

}
 
 div {
   background-color: #361833 !important;
   color: white;
   font-size: 20px;
   font-family: orpheuspro,serif;
   font-style: normal; 
   font-weight: 600 !important;
   /* margin-left: auto !important;
   margin-right: auto !important;
    */
}  

img {
  background-color: #361833 !important;
  display: flex;
  padding-top: 30px ;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 650px;
  height: 450px;
  margin-left: auto !important;
  margin-right: auto !important;
}



h3 {
  background-color: transparent !important;
}

p {
  background-color: transparent !important;
}


ol {
  background-color: transparent !important;
}

li {
  background-color: transparent !important;
}

#ngb-slide-4 {
  background-color: transparent !important;
}


.carousel-caption {
  background-color:transparent !important;
}

.picsum-img-wrapper {
  background-color: #361833 !important;
  /* justify-content: center !important;
  text-align: center !important; */

  /* margin-left: auto !important;
  margin-right: auto !important;
  padding-right: 300px; */
}

div.carousel-inner {
  background-color: #361833 !important;
}

我尝试将左右边距设置为自动，但没有变化。对齐包含图像的图像/ div似乎也不起作用。