
.container {
	width: 80%;
	margin: 30px auto;
	overflow: hidden;
}

.left {
    float: left;
    width: 45%;
}
.right {
    float: right;
    width: 45%;
}
.container:after {
    content:"";
    display: table;
    clear: both;
}
img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 480px) {
    .left, 
    .right {
        float: none;
        width: auto;
    }
}



.container {
	width: 80%;
	margin: 30px auto;
	overflow: hidden;
}

.left {
    float: left;
    width: 48%;
}
.right {
    float: right;
    width: 48%;
}
.container:after {
    content:"";
    display: table;
    clear: both;
}
img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 480px) {
    .left, 
    .right {
        float: none;
        width: auto;
    }
}


Adjust space between text and image
Adjust space between text and image
