E-commerce Product Page using Bootstrap and Jquery

Things that i found most difficult in this project were the proper responsive layout for all platforms and coming up with proper functioning of button like cart delete and updation and display of count but the thing that i find most difficult is designing the image carousel with having whole content as background and opacity and enabling and disabling toggler for different layout

1.The part of code i'm unsure is in desktop when i click on thumbnail in desktop carousel the background image changes too 2. The transition of desktop carousel disturbs the layout . i cant get rid of it even i set the transition to none.

i will be very thankful to you if you can help me in improving my code in any method . Thanks for your time !