.about-image {
  transition: all 0.4s ease;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  opacity: 0.5; /* Default transparent */
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); /* Square shape */
  transform: scale(0.85);
}

/* Effects */
.about-image.transparent {
  opacity: 0.3;
}

.about-image.scale {
  transform: scale(1.1);
  box-shadow: 0 8px 20px rgba(16, 110, 234, 0.3);
}

.about-image.shadow {
  box-shadow: 0 8px 20px rgba(16, 110, 234, 0.5);
}

/* Hover effect: show image with transparency */
.about-image:hover {
  opacity: 1;
  transform: scale(0.85);
  box-shadow: none;
}

/* Hover effect for scale */
.about-image.scale:hover {
  transform: scale(1.15);
  box-shadow: 0 12px 30px rgba(16, 110, 234, 0.5);
}

/* Hover effect for shadow */
.about-image.shadow:hover {
  box-shadow: 0 12px 30px rgba(16, 110, 234, 0.7);
}