@charset "UTF-8";
/* CSS Document */

.galeria {
  height: calc( 450px + 3em);
  width: 340px;
  margin:220px auto;
  position:relative;  
border-color:aliceblue;
}

.galeria img {
  position:absolute;
 bottom: calc(-90px - 1.5em);
  top:30px;
  left:0px;
  opacity: 0;
  transition: opacity 3s;
}

.galeria input[type=radio] {
  position: relative;
  bottom: calc(-450px - 1.5em);
  left: 0px;
}

.galeria input[type=radio]:nth-of-type(1):checked ~ img:nth-of-type(1) {
  opacity: 1;
}

.galeria input[type=radio]:nth-of-type(2):checked ~ img:nth-of-type(2) {
  opacity: 1;
}

.galeria input[type=radio]:nth-of-type(3):checked ~ img:nth-of-type(3) {
  opacity: 1;
}

.galeria input[type=radio]:nth-of-type(4):checked ~ img:nth-of-type(4) {
  opacity: 1;
}