.img-section {
    width: 100%;
    background: linear-gradient(135deg, #337AB7 0%, #337AB7 40%, #f7f7f7 40%, #f7f7f7 100%);
    display: flex;   
    align-items: center;
    margin: 20px 0;
}
.img-section img {
    border: 20px solid rgba(191, 226, 255, 0.8);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.7);
    margin: 40px;
    box-sizing: border-box;
    flex: 0 0 45%;
    width: 45%;
}
.img-section .img-data {
    font-family: Verdana, sans-serif;
    font-size: 16px;
    padding: 20px;
}
@media only screen and (max-width: 700px) {
    .img-section {
        flex-flow: row wrap;
    }
    .img-section .img-data {
        background: #F7F7F7;
        border-bottom: 8px solid #337AB7;
    }
    .img-section img {
        margin: 40px auto;
        flex: 0 0 80%;
        width: 80%;
    }
}