Responsive 4 x Column setup

I have a responsive 4 x column setup for a static blow element on my site, I've been trying to centre the images in the columns but I'm unable to do this, on a phone it looks like it's working but on a laptop the images are def off centre my code is below any ideas on why this isnt working as expected?:

<style><!--
* {
box-sizing: border-box;
}

/* Create four equal columns that floats next to each other */
.column {
float: left;
width: 25%;
padding: 10px;