/* Flexbox styles to create a 3-column layout */
.portfolio-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center horizontally */
    gap: 20px; /* Adjust gap between thumbnails */
    padding-bottom: 180px;
  }
  
  .project {
    flex: 0 0 calc(33.33% - 20px); /* Adjust for 3 items per row with margin */
    margin: 5px; /* Adjust margin as needed */
    text-align: center; /* Center align text */
  }
  
  .thumbnail {
    display: inline-block;
    overflow: hidden;
    border-radius: 50%; /* Create circular shape */
    width: 230px; /* Adjust size as per your design */
    height: 230px; /* Adjust size as per your design */
  }
  
  .circular-image {
    width: 100%;
    height: auto;
    border-radius: 50%; /* Maintain circular shape for the image */
  }