Dynamically resizing slideshow image container using Javascript so caption properly displayed below each image.

I have a fairly heavily CSS edited page focused on simplifying (visually) the slideshow gallery.  I have it mostly set up as I'd like except the captions do not anchor to the bottom of the images since it seems the container div's width and height are set in the HTML style tag based on the max-width/height of the list of images contained in the slideshow.  

Ideally the gallery container should resize based on each images specific width and height and I am fairly sure this cannot be fixed with CSS and requires Javascript.  

Any ideas on how to resolve this?

 Website URL

16 hours ago, grantwesthoff said:

I have a fairly heavily CSS edited page focused on simplifying (visually) the slideshow gallery.  I have it mostly set up as I'd like except the captions do not anchor to the bottom of the images since it seems the container div's width and height are set in the HTML style tag based on the max-width/height of the list of images contained in the slideshow.  

Ideally the gallery container should resize based on each images specific width and height and I am fairly sure this cannot be fixed with CSS and requires Javascript.  

Any ideas on how to resolve this?

 Website URL

Can you share the screenshots of images which are not correct as you expect?

19 hours ago, grantwesthoff said:

I have a fairly heavily CSS edited page focused on simplifying (visually) the slideshow gallery.  I have it mostly set up as I'd like except the captions do not anchor to the bottom of the images since it seems the container div's width and height are set in the HTML style tag based on the max-width/height of the list of images contained in the slideshow.  

Ideally the gallery container should resize based on each images specific width and height and I am fairly sure this cannot be fixed with CSS and requires Javascript.  

Any ideas on how to resolve this?

@HoaLT Sure can! 

As you can see, there is a drastic differences between the image's bottom border and the caption.  I'd like the caption to dynamically move to "stick" to the bottom of each image.  

Also a bonus would be applying a similar resizing behavior to the slideshow controls so on the vertical images they move to have a similar padding between the image and the controls.