<div class="ab_ban_in shadow2">
      <img src="https://i.ibb.co/f81zgmB/pexels-pixabay-147411.jpg" alt="pexels-pixabay-147411" border="0">
</div>
.shadow2 {
  position: relative;
}
.shadow2::before, .shadow2::after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #555;
  -webkit-box-shadow: 0 35px 20px #555;
  -moz-box-shadow: 0 35px 20px #555;
  box-shadow: 0 35px 20px #555;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}

.ab_ban_in img {
  width: 100%;
  object-fit: cover;
  max-height: 450px;
}
.shadow2::after {
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.