Picture and text adjusting to each other.

Hi,

I'm trying to get get picture and text columns to follow the each other.

With the html I have now only the picture is scaling and the size on some laptop formats it looks inappropriate.

Desired is that the paragraphs and the image follow the scaling of each other

Adding the code

<div class="container-fluid" style="width: 80%"> <div class="row"> <div class="col-md-12" "col-sm-12"> <center> <h1 style="margin-top: 30px">Betalingsløsninger</h1> </center> </br></br> <p>Hos oss i tilbyr vi flere forskjellige betalingsløsninger. Utover at du kan betale med bankkort, kan din bedrift også handle produkter på faktura og gjennom leasing.</p> </div> </div> <div class="row" > <div class="col-md-7 col-sm-12"> <h2 style="margin-top: 50px">Betaling med kort</h2> <p>Hvis man ikke ønsker å vente med betalingen er selvfølgelig betaling med kreditkort en mulighet. På vår side vil du både ha mulighet til å betale med Visa og Mastercard.</p> </br> <h2>Betaling med faktura</h2> <p>Betaling ved faktura er selvfølgelig et alternativ du får når du handler hos oss. Velger du denne løsningen får du 30 dagers betalingsfrist. Kreditt må være innvilget før bestilling.</p> </br> <h2>Slik søker du faktura hos oss:</h2> <ul style="margin-left: 20px"> <li>Registrer ditt firma via "Registrer"</li> <li>Trykk deg inn i menyen "Min bedrift"</li> <li>Velg "Selskap" i dropdown-menyen</li> <li>Trykk på <a style="color: blue" href="" target="_blank">"søk faktura"</a> </li> </ul> </div> <div class="col-md-5 col-sm-12"> <img src="http://tubby.scene7.com/is/image/tubby/betalingpådatamaskin" class="img-responsive" style="margin-top: 50px" title="Elkjøp Betaling"/> </div>