opgelost Afbeelding rechts onder zonder marges + floating

.item-page.voorpagina img { bottom: 0; position: absolute; right: 0; }

<div itemprop="articleBody"> <h4>Dus jij bent op zoek naar een unieke tattoo waar niemand anders mee rondloopt?</h4> <p>Dan ben je bij ons aan het juiste adres!<br><br>Tattoo Studio Painted Flesh, wat gerund wordt door Gerrit Bekman is sinds 2005 een begrip als het gaat om kwaliteit, unieke designs en veilig tatoeëren. Uiteraard werken we bij ons volgens de richtlijnen van de GG &amp; GD.</p> <p>We werken met zeer getalenteerde tattoo-artiesten, waardoor elke stijl mogelijk is! Kijk bij de contactgegevens welke artiesten bij ons werkzaam zijn.</p> <h4>Twijfel je over je keuze, plaats van de tattoo, de grootte of de kleur?</h4> <div class="flexbox"> <div id="fi1" class="flexitem"> <img src="/paintedflesh/images/tattoo-artiesten/gerritbekman-transp-thumb.png" alt="gerritbekman transp thumb"> </div> <div id="fi2" class="flexitem"> <p>Neem dan alsjeblieft contact met ons op, zodat we voor- en met jou tot een passend ontwerp kunnen komen. We verzekeren je dat het ontwerp wat voor jou gemaakt is, niet opnieuw bij iemand anders gezet zal worden. Jij bent uniek, dus jouw tattoo moet dat ook zijn (en blijven)!</p> <h3>Heb je vragen? .... twijfel niet en neem gerust contact met ons op</h3> </div> </div> </div>

@media (max-width: 700px) .flexbox { flex-direction: column; } .flexbox { display: flex; justify-content: space-between; } div#fi1 { order: 2; align-self: flex-end; } div#fi2 { order: 1; flex-basis: 82%; }