Hi, In the 'full page image carousel' template, images can't be fully responsive if you want an image cover the whole screen. Horizontal pictures always will be cropped on devices like phone or tablet in vertical orientation. You can center an image by adding background-position: center; to this part of code in css file:

.carousel-item {
            background-image: url("http://mdbootstrap.com/images/regular/people/img%20(83).jpg");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }

---