/* Container holding the image and the text */
.image {
  position: relative;
  margin: 2px 2px 2px;
  border: 3px solid white;
 }

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
  color: white;
  font-family: Arial;
}

/* 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%);
}

.species_box {
 text-align: center;
 padding: 1em;
 border: 0.5em solid black;
 background-colour: #E4E4D9;
 position: fixed;
 top: 1em;
 width: 12em;
 margin-top: -1em;
 font-size: 16pt;
 font-family: "Lucida Console";
}

figure {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  margin: 1em auto;
  background: #EFEFEF;
  border: 1px solid rgba(0,0,0,.1);
  padding: 1em;
}

img {
  display: inline;
  padding:1px;
  border:1px solid #021a40;
  background-color:#ff0;
}
}

figcaption {
  padding: 1em 0;
}