Testimonial Carousel Component - Copy this Html, Bootstrap Component to your project

Create-a-responsive-testimonial-carousel-without-using-Owl-Carousel.-The-structure-should-include-a-container-div-for-the-carousel-with-individual-div-elements-for-each-testimonial.-Each-testimonial-should-contain:-a-heading-(e.g.,-'Life-Changing-Experience'),-a-paragraph-of-the-testimonial-text,-a-circular-profile-picture,-and-the-user's-name-and-designation.-Implement-responsive-design-using-CSS-media-queries,-displaying-one-testimonial-on-small-screens,-two-on-medium-screens,-and-three-or-more-on-large-screens,-achieved-using-flexbox-or-grid-layout.-Include-previous-and-next-buttons-to-navigate-between-testimonials,-with-basic-JavaScript-for-sliding-(using-scrollLeft-or-transform).-Optionally,-add-auto-scrolling-using-JavaScript-or-CSS-animations.-Style-the-testimonials-with-background-color,-padding,-rounded-corners,-slight-shadow,-and-ensure-circular-profile-pictures-with-border-radius:-50%.-Use-justify-content:-space-between-or-align-items:-center-to-position-the-testimonials.-Apply-smooth-CSS-transitions-for-sliding-and-add-hover-effects-for-interactivity.