*.wrapper {
    align-items: center;
    display: flex;
 /*   height: 100vh; 
    height: 50vh;*/
    justify-content: center;
    width: 100%;
	margin-top: -5px; /**/
}

.carousel {
    aspect-ratio: 16/9; 
    display: grid;
    grid-template-areas: "stack";
	max-height: 20rem;  
/* 	max-height: 34rem;  
   max-width: 74rem; */
    overflow: hidden;
    position: relative;
	width: 100%; 
}

.slide {
    display: block;
    grid-area: stack;
   height: 100%;  /**/
    opacity: 0;
    transition: opacity 2s ease-in-out;
    width: 100%;
}

.slide img {
    animation: panRight 10s ease-in-out infinite;
/*    height: 110%; */
    position: absolute;
    width: 140%;
	left: -50px;
	top: -50px;
}

@keyframes panUpMin {
    0% {
        transform: translateY(-20%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes panUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-12%);
    }
}

@keyframes panDown {
    0% {
        transform: translateY(-12%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes panRight {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-12%);
    }
}

@keyframes panLeft {
    0% {
        transform: translateX(-12%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes zoomIn {
    0% {
      transform: scale(1.1);
    }
    100%{
      transform: scale(1.4);
    }
}
@keyframes zoomOut {
    0% {
      transform: scale(1.4);
    }
    100%{
      transform: scale(1.1);
    }
}
@keyframes zoomOutMore {
    0% {
      transform: scale(1.5);
    }
    100%{
      transform: scale(1.1);
    }
}