Perfect Circle internal content height unknown - css

Question

I'm having issues figuring out how to make a perfect circle without knowing the exact height of the content (image) inside the circle.
I have multiple images (jumbo titles) with circles around them but the image inside is of different height. How would I have it so it appears as a perfect circle? for each one.
css below
.jumbo-title {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
background-color: red;
padding: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
Here is my fiddle http://jsfiddle.net/HA3bQ/49/

Answer 1

EDIT2: Updated.
EDIT: FORGOT THE width! Hold up!
If you are open to JavaScript solution (no jQuery) with a CSS trick to center it:
HTML:
<div class="jumbo-title">
<div class="living-icon"></div>
<span class="middle"></span>
<img src="http://placehold.it/350x150" alt="Relaxed Living">
</div>
JS:
function init() {
var images = document.getElementsByTagName('img');
for(var i = 0; i < images.length; i++) {
images[i].parentElement.style.height = Math.max(images[i].width, images[i].height) + "px";
images[i].parentElement.style.width = Math.max(images[i].width, images[i].height) + "px";
}
}
window.onload = init;
CSS:
.jumbo-title {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
background-color: red;
padding: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
white-space: nowrap;
text-align: center;
}
.jumbo-title img {
vertical-align: middle;
}
.middle {
display: inline-block;
height: 100%;
vertical-align: middle;
}
http://jsfiddle.net/HA3bQ/54/

Answer 2

you could use this simple jquery:
var cw = $('.jumbo-title').width();
$('.jumbo-title').css({
'height': cw + 'px'
});
Basically jquery will check your element width and will add the same number (px) to height
FIDDLE
In the fiddle it may look bad because of the padding you have used. then you may need just to center the image inside the container