Lost in code

Hello everyone,

I am a very coding noob and trying to sort out this page from my website. I have been following the code template my website designer initially set up, yet the images are showing up all over the place. (I want 3 images on top, and one at the bottom, now there are two images showing completely tiny in one box, hahaha):

<div style="width: 32%; margin-left: 2%; float: left;">
<div id="cf" style="width: 100%; float: left;">

<img src="https://thais-breton.com/wp-content/uploads/2015/01/invitation1-1.jpg" alt="" width="390" height="219" class="top" />

<a href="https://thais-breton.com/linvitation/">

<img class="top" src="https://thais-breton.com/wp-content/uploads/2015/01/invitation0.jpg" alt="" width="390" height="219" class="bottom" />
</a>

<div style="width: 32%; margin-left: 2%; float: left;">
<div id="cf" style="width: 100%; float: left;">

<img src="https://thais-breton.com/wp-content/uploads/2015/01/stamp1.jpg" alt="" width="390" height="219" class="top" />

<a href="https://thais-breton.com/french-summer/">

<img class="top" src="https://thais-breton.com/wp-content/uploads/2015/01/stamp0.jpg" alt="" width="390" height="219" class="bottom" />
</a>

</div>
</div>
<div style="width: 32%; margin-left: 2%; float: left;">
<div id="cf" style="width: 100%; float: left;">

<img src="https://thais-breton.com/wp-content/uploads/2015/01/voyage1-1.jpg" alt="voyage1" width="390" height="219" class="top" />

<a href="https://thais-breton.com/le-voyage/">

<img class="top" src="https://thais-breton.com/wp-content/uploads/2015/01/voyage0.jpg" alt="voyage0" width="390" height="219" class="bottom" />
</a>

</div>
</div>
<div style="width: 32%; margin-left: 2%; float: left;">
<div id="cf" style="width: 100%; float: left;">

<img src="https://thais-breton.com/wp-content/uploads/2015/01/pw1-1.jpg" alt="pw1" width="390" height="219" class="top" />
<a href="https://thais-breton.com/le-voyage/">

<img class="top" src="https://thais-breton.com/wp-content/uploads/2015/01/pw0-1.jpg" alt="pw0" width="390" height="219" class="bottom" />
</a>

</div>
</div>