body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100pt;
    font-weight: bold;
}

.m {
    position: absolute;
    top: 20px;
    left: 50px;
    width: 110px;
    height: 140px;
    background-color: yellow;
    z-index: -1;
}

.a1 {
    position: absolute;
    left: 140px;
    top: 60px;
    width: 110px;
    height: 140px;
    background-color: yellowgreen;
}

.j {
    position: absolute;
    left: 210px;
    top: 40px;
    width: 110px;
    height: 140px;
    background-color: orange;
    z-index: -2;
}

.a2 {
    position: absolute;
    top: 100px;
    left: 300px;
    width: 110px;
    height: 140px;
    background-color: green;
    z-index: -3;
}

.m2 {
    position: relative;
    left: 50px;
    top: 400px;
    width: 110px;
    height: 140px;
    background-color: yellow;
    z-index: -1;
}

.a12 {
    position: relative;
    left: 140px;
    top: 170px;
    width: 110px;
    height: 140px;
    background-color: yellowgreen;
}

.j2 {
    position: relative;
    left: 210px;
    top: -125px;
    width: 110px;
    height: 140px;
    background-color: orange;
    z-index: -2;
}

.a22 {
    position: relative;
    left: 300px;
    top: -340px;
    width: 110px;
    height: 140px;
    background-color: green;
    z-index: -3;
}