.loadingimage  {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.plainimg {
  width: 100%;
  height: auto; 
  overflow: hidden;
}
.plainimg img {
  width: 100%;
  height: auto; 
}

.hide {
    opacity: 0;
}


.show {
    opacity: 1;
}

.fit {
    width: 100%;
    height:100%;
    object-fit: cover;
}


.scaleIn {
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

  @keyframes scale-in-center {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
    }
  }