.row {
    display: flex;
    /* flex-wrap: wrap; */
    padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
    flex: 25%;
    padding: 0 4px;
}

.column img {
    margin-top: 8px;
    vertical-align: middle;
}

.parent {
     position: relative;
     top: 0;
     left: 0;
}

.image1 {
    position: relative;
    top: 0;
    left: 0;
}

.image2 {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(270deg);
}

/* Create three equal columns that sit next to each other */
.column3 {
    flex: 33%;
    padding: 0 4px;
}

.column3 img {
    vertical-align: middle;
}

/* Create 7 equal columns that sit next to each other */
.column7 {
    flex: 14%;
    padding: 0 4px;
}

.column7 img {
    vertical-align: top;
}