i want to justify align p tag in img

When I hover an img, I want to show a Paragraph. The code which I have now does that, but the problem is, the paragraph is wider than the img. I want it exactly as the width as the img (but I dont want to give a width px) Here is my code, but i removed a few code lines from the css, I left the important ones (I also dont know why the jquery doesnt work since i dont have any experience in jquery and jsfiddle)

jsFiddle Demo

<div class="container pt">
        <div class="row mt centered">   
        <h1>Bestuur</h1>
            <div class="col-lg-4">
                <a class="zoom green"><span class="test"><img src="http://ift.tt/1DPmTvZ" title="source: imgur.com" /></span><p>"Ik ben Samir Aliyev en ik ben 18 jaar oud.</br> AZJN is altijd mijn passie geweest, door AZJN heb ik heel veel sociale contacten gekregen binnen Nederland met Azerbeidzjaanse jongeren. Ik heb mezelf niet alleen ontwikkeld qua sociaal zijn maar ook op zakelijke manieren. Zo hebben we bijvoorbeeld heel veel brieven geschreven naar formele instanties, evenementen georganiseerd die voor goede doelen waren en buitenlanders kennis laten maken met Azerbeidzjan. Meestal ben ik bezig met multimedia van AZJN, dus tijdens evenementen zie je me meestal met een Foto-apparaat lopen of een Camera. Ik zit al vanaf het begin in het AZJN-team en ik ben ook niet van plan om eruit te stappen! "</p>
                <p>test</p>
            </div>
    </div>
</div>