* {
    box-sizing: border-box;
  }
  
   .mySlides {
    display: none;
  }

  div.photogallery img:hover {
    border: 4px solid red;

  }
   
   .circle-img {
    width: 200px;
    height: 200px;
    margin: 1%;
    border-radius: 50%;
    object-fit: cover; 
    box-shadow: 0 0 8px rgba(0,0,0,0.5); 
    transition: transform 0.3s ease;
  }

  .circle-img:hover {
  transform: scale(1.2);
}
    .project-img {
    width: 250px;
    height: 160px;
    margin: 1%;
    border-radius: 5%;
    object-fit: cover; 
    box-shadow: 0 0 8px rgba(0,0,0,0.5); 
    transition: transform 0.3s ease;
  }

  .project-img:hover {
  transform: scale(1.2);
}

   .banner-img {
     width: 800px;
    height: auto;
    margin: 1%;
    border-radius: 5%;
    object-fit: cover; 
    box-shadow: 0 0 8px rgba(0,0,0,0.5); 
    transition: transform 0.3s ease;
  }

  .banner-img:hover {
  transform: scale(1.2);
}

  .company-img {
    width: 300px;
    height: 200px;
    margin: 1%;
    border-radius: 5%;
    object-fit: cover; 
    box-shadow: 0 0 8px rgba(0,0,0,0.5); 
    transition: transform 0.3s ease;
  }

  .company-img:hover {
  transform: scale(1.2);
}

    .tech {
    transition: transform 0.3s ease;
  }

  .tech:hover {
  transform: scale(1.2);
}

.w3-animate-fading {
  animation: fading 20s infinite !important;
}

@keyframes fading {
  0% {opacity:0} 
  50% {opacity:1} 
  100% {opacity:0}
}