css - Bootstrap 3 Carousel images have padding until they become active

Question

As you can see for yourself in the below url, the incoming image on the carousel has some padding or white background around, and as soon as item becomes active, it kindof zooms in and fits perfectly. http://altana.al/webdev/exterior.html

Let me know any opinions, cannot seem to find anything. Thank you

question from:https://stackoverflow.com/questions/65942411/bootstrap-3-carousel-images-have-padding-until-they-become-active

Answer 1

The issue is with padding so in main.css line 714 add padding:0;

.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
 .carousel-fade .carousel-inner > .item.active {
    padding: 0;
  }