/* body {
  margin: 0;
  background: lightgray;
  text-align: center;
  font-family: sans-serif;
  color: #2e2b2b;
} */
.ccontainer {
  position: relative;
  width: 200px;
  margin: 50px auto 0 auto;
  perspective: 500px;
}

.carousel {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d; 
  animation: rotate360 90s infinite forwards linear;
}
.carousel__face { 
  position: absolute;
  width: 130px;
  height: 93px;
  top: 20px;
  left: 10px;
  right: 10px;
  background-size: cover;
  border: black;
  border:thick;
  border-radius: 5px ;
  /* box-shadow:inset 0 0 0 1000px rgba(0,0,0,0.5); */
  display: flex;
}

span {
  margin: auto;
  font-size: 2rem;
}


.carousel__face:nth-child(1) {
  background-image: url("../../images/KassemJinnah3.jpg");
  transform: rotateY(0deg) translate(0px, -50%); }
  .carousel__face:nth-child(2) { 
    background-image: url("../../images/1957-MHI_AKSP1.jpg");
      transform: rotateY( 20deg) translateZ(215px); }
  .carousel__face:nth-child(3) {
    background-image: url("../../images/JinnahsKKK1.jpg");
    transform: rotateY( 40deg) translateZ(215px); }
  .carousel__face:nth-child(4) {
    background-image: url("../../images/n706908422_206413_2383.jpg");
    transform: rotateY(60deg) translateZ(215px); }
  .carousel__face:nth-child(5) { 
    background-image: url("../../images/1966_MHIatAKS1.jpg");
   transform: rotateY(80deg) translateZ(215px); }
  .carousel__face:nth-child(6) { 
    background-image: url("../../images/1952_jw.jpg");
   transform: rotateY(100deg) translateZ(215px); }
  .carousel__face:nth-child(7) { 
    background-image: url("../../images//36794_10150244505495026_539215025_13912740_559589_n.jpg");
   transform: rotateY(120deg) translateZ(215px); }
  .carousel__face:nth-child(8) {
    background-image: url("../../images/1962_NovHKJ_Fam.jpg");
    transform: rotateY(140deg) translateZ(215px); }
  .carousel__face:nth-child(9) {
    background-image: url("../../images/1964_KchiFamily.jpg");
    transform: rotateY(160deg) translateZ(215px); }
  
    .carousel__face:nth-child(10) {
      background-image: url("../../images/jinnahs2.jpg");
      transform: rotateY( 180deg) translateZ(215px); }
  .carousel__face:nth-child(11) {
        background-image: url("../../images/1964_KchiFamily.jpg");
        transform: rotateY(200deg) translateZ(215px); }
       .carousel__face:nth-child(12) { 
        background-image: url("../../images/JFamily1F.jpg");
          transform: rotateY( 220deg) translateZ(215px); }
      .carousel__face:nth-child(13) {
        background-image: url("../../images/JinnahsKKK1.jpg");
        transform: rotateY( 240deg) translateZ(215px); }
      .carousel__face:nth-child(14) {
        background-image: url("../../images/jinnahs2.jpg");
        transform: rotateY(260deg) translateZ(215px); }
      .carousel__face:nth-child(15) { 
        background-image: url("../../images/36794_10150244505495026_539215025_13912740_559589_n.jpg");
       transform: rotateY(280deg) translateZ(215px); }
      .carousel__face:nth-child(16) { 
        background-image: url("../../images/1952_jw.jpg");
       transform: rotateY(300deg) translateZ(215px); }
      .carousel__face:nth-child(17) { 
        background-image: url("../../images/KassemJinnah&dadimawithfamily001.jpg");
       transform: rotateY(320deg) translateZ(215px); }
      .carousel__face:nth-child(18) {
        background-image: url("../../images/Kampala008.jpg");
        transform: rotateY(340deg) translateZ(215px); }
      
      
        
@keyframes rotate360 {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(-360deg);
  }
}