:root{
	--speed: 10s;
}

.ce_image.kenBurnsEffekt{
	
}

.ce_image.kenBurnsEffekt .image_container {
  width: 100%;
  height: 40vw;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.ce_image.kenBurnsEffekt.speed-10 .image_container img {
  width: 100%;
  animation: kenBurnsEffekt var(--speed) ease infinite;
  -ms-animation: kenBurnsEffekt var(--speed) ease infinite;
  -webkit-animation: kenBurnsEffekt var(--speed) ease infinite;
  -0-animation: kenBurnsEffekt var(--speed) ease infinite;
  -moz-animation: kenBurnsEffekt var(--speed) ease infinite;
  position: absolute;
}
.ce_image.kenBurnsEffekt.speed-20 .image_container img {
  width: 100%;
  animation: kenBurnsEffekt calc( var(--speed) * 2 ) ease infinite;
  -ms-animation: kenBurnsEffekt calc( var(--speed) * 2 ) ease infinite;
  -webkit-animation: kenBurnsEffekt calc( var(--speed) * 2 ) ease infinite;
  -0-animation: kenBurnsEffekt calc( var(--speed) * 2 ) ease infinite;
  -moz-animation: kenBurnsEffekt calc( var(--speed) * 2 ) ease infinite;
  position: absolute;
}
.ce_image.kenBurnsEffekt.speed-30 .image_container img {
  width: 100%;
  animation: kenBurnsEffekt calc( var(--speed) * 3 ) ease infinite;
  -ms-animation: kenBurnsEffekt calc( var(--speed) * 3 ) ease infinite;
  -webkit-animation: kenBurnsEffekt calc( var(--speed) * 3 ) ease infinite;
  -0-animation: kenBurnsEffekt calc( var(--speed) * 3 ) ease infinite;
  -moz-animation: kenBurnsEffekt calc( var(--speed) * 3 ) ease infinite;
  position: absolute;
}
@-webkit-keyframes kenBurnsEffekt {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */
    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    
    -o-transform: scale(1.0);
    /* Opera */
    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
  50% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    
    -webkit-transform: scale(1.2);
    /* Safari and Chrome */
    
    -o-transform: scale(1.2);
    /* Opera */
    
    -moz-transform: scale(1.2);
    /* Firefox */
  }
  100% {
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */
    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    
    -o-transform: scale(1.0);
    /* Opera */
    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
}


@media (min-width:984px) and (max-width:1303px)
{

}
@media (min-width:768px) and (max-width:979px)
{

}
@media (max-width:767px)
{
	.ce_image.kenBurnsEffekt .image_container {
	  height: 60vw;
	}
}