responsive image in asp.net/css

Question

I have a view in my MVC application as below:

 

<table cellspacing="10" class="table" style="font-size:12px">

@foreach (var item in Model)

{

<tr style="float:left">

<td>

<fieldset class="fieldset" style="float:left">

<img src="~/Images/@item.Image" 

onclick='window.location="@Url.Action("AddToCart", "Cart", new { id = item.ID})"' />

</fieldset>

</td>

</tr>

}

</table>

 

 

Now i want to display two image in each row whatever the device screen size is..  

 

like below: 

 

 

image 1	image 2
image 3	image 4

 

How can i do this??