body {
    overflow: hidden;
}

.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    margin-bottom: 10vh;
}

.answer-containers {
    height: 100%;
    width: 50%;
    padding: 5px;
    height: 80vh;
    overflow: scroll;
}

.answer-row {
    display: flex;
    flex-direction: row;
}


.image-containers {
    width: 50%;
    padding: 5px;
    height: 80vh;
    overflow: scroll;
}

h2 {
    margin-left: 15px;
    margin-bottom: 32px;
}

img {
    width: 250px;
    height: auto;
    border: 1px dashed #CCC;
  }

.answer-box {
    width: 50%;
    min-height: 50px;
    margin: 10px;
    padding: 10px;
    border: 1px solid #CCC;
}

.correct div {
    border: 2px solid #c3e6cb;
}

.wrong  div {
    border: 2px solid #f5c6cb;
}