June 08, 2022
In the attached example, an each function is used to equalize the heights of the containers based on the width of the columns so the images will show in equal size.
This allows for the same type of element to be setup multiple ways without additional classes / css.
jQuery(window).load(function(){
jQuery('.logo-wrapper').each(function() {
jQuery(this).find('.logo-image-div').height(jQuery(this).find('.logo-image-div').width()/2);
});
jQuery(window).resize(function(){
jQuery('.logo-wrapper').each(function() {
jQuery(this).find('.logo-image-div').height(jQuery(this).find('.logo-image-div').width()/2);
});
});
});