.greentrans{
background: rgba(76, 175, 80, 0.7);
padding: 20px;
color: white;
}

div.splash{
  margin: auto;
  width: 70%;
  padding: 10px;
}

.image img {
width: 100%;
height: 100%;
}

.image {
position: relative;
}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
 .image figcaption{
position: absolute;
top: 3%;
text-shadow: 0 .125em .125em rgba(0, 0, 0, .5);
left: 45%;
font: bold 1.5vw Helvetica, Sans-Serif;
}
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  .image figcaption{
position: absolute;
top: 3%;
text-shadow: 0 .125em .125em rgba(0, 0, 0, .5);
left: 45%;
font: bold 1.4vw Helvetica, Sans-Serif;
}
}