/* Container holding the image and the text */
.picture {
    position: relative;
    text-align: center;
    color: white;    
    border: 5px solid black;
    box-sizing: border-box;
    width: 374px;
    height:229px;
}

/* Bottom left text */
.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

/* Top left text */
.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
}

/* Top right text */
.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}

/* Bottom right text */
.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

/* Centered text */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Centered top text */
.centered-top {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Highlight Class */

.OCA {
    color: red
}

.OCB {
    color: red
}
.TIX {
    color: red
}

.TOM {
    color: red
}
.LYC {
    color: red
}

.RAF {
    color: red
}
.EHG {
    color: red
}

.GTM {
    color: red
}