body {

}

#wrapper {
  isolation: isolate;
  height: 240px;
  max-width: 468px;
  padding: 20px;
}

#label {

}

#tag {
  max-width: 250px; /* 468px */
}

.image {
  position: absolute;
  opacity: 1;
  max-height:200px;
  mix-blend-mode: multiply;
}

.baselayer {
  margin-left: 228px;
}

.img1 {
  -webkit-animation: appear-right 1s;
  animation: appear-right 1s infinite;
}

.img2 {
  -webkit-animation: appear-top 2s;
  animation: appear-top 2s infinite;
}

.img3 {
  -webkit-animation: appear-bottom 3s;
  animation: appear-bottom 3s infinite;
}

.img4 {
  -webkit-animation: appear-left 4s;
  animation: appear-left 4s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes appear-left {
    0%   {opacity: 0; margin-left: -25%;}
    100% {opacity: 1;}
}

/* IE */
@keyframes appear-left {
    0%   {opacity: 0; margin-left: -25%;}
    100% {opacity: 1;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes appear-top {
    0%   {opacity: 0; margin-top: -25%;}
    100% {opacity: 1;}
}

/* IE */
@keyframes appear-top {
    0%   {opacity: 0; margin-top: -25%;}
    100% {opacity: 1;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes appear-bottom {
    0%   {opacity: 0; margin-top: 25%;}
    100% {opacity: 1;}
}

/* IE */
@keyframes appear-bottom {
    0%   {opacity: 0; margin-top: 25%;}
    100% {opacity: 1;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes appear-right {
    0%   {opacity: 0; margin-left: 25%;}
    100% {opacity: 1;}
}

/* IE */
@keyframes appear-right {
    0%   {opacity: 0; margin-left: 25%;}
    100% {opacity: 1;}
}

.img1 {
  z-index: 1;
}
.img2 {
  z-index: 2;
  /*margin-left: 100px;
  margin-top: 100px;*/
}

.img3 {
  z-index: 3;
  /*margin-left: 200px;
  margin-top: 200px;*/
}

.img4 {
  z-index: 4;
  /*margin-left: 300px;
  margin-top: 300px;*/
}

.img1:hover{
  z-index:10;
}
.img2:hover{
  z-index:9;
}
.img3:hover{
  z-index:8;
}
.img4:hover{
  z-index: 7;
}

.img1, .img2, .img3, .img4 {
  transition: all 4s;

}

/*
.img1:hover, .img2:hover, .img3:hover, .img4:hover {
  -webkit-tranform: rotate(360deg);
   transform: rotate(360deg);
}
*/
