fitting images in first two thirds of screen

I would like to create 3 images side by side with text underneath to fit in the first two thirds of the webpage, (the last third is in use for video’s etc). I’m aiming for it to look like on this webpage https://www.verbinet.com/lifts/

When I put images across the whole page I used the code below, but how do I change the code so that it only fits in the first two thirds of the webpage.

thanks

<div class="one_third">
<a><img src="image" alt="" /></a>
<h4>text</h4>
</div>

<div class="one_third">
<a><img src="image" alt="" /></a>
<h4>text</h4>
</div>

<div class="one_third column-last">
<a><img src="image" alt="" /></a>
<h4>text</h4>
</div>

[Moderator Note: Please post code or markup snippets between backticks or use the code button. As it stands, your posted code may now have been permanently damaged/corrupted by the forum’s parser.]