Fix CSS compilation by converting SCSS comments to CSS comments

- Change // comments to /* */ comments for GitHub Pages compatibility
- SCSS // comments may not compile properly on GitHub Pages Jekyll processor
- All team image styling should now compile and apply correctly

🤖 Generated with Claude Code (https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

Author: mb-westover

css/main.scss

@@ -120,59 +120,59 @@ body {
   box-shadow: inset 200px 0 0 0 #FF0000;
 }
 
-// Team member image styling for consistent display
-// Uses #gridid selector which is the actual ID on the team page
+/* Team member image styling for consistent display */
+/* Uses #gridid selector which is the actual ID on the team page */
 
-// Container for team member entries
+/* Container for team member entries */
 .team-member {
   margin-bottom: 30px;
-  min-height: 200px; // Ensure consistent height for layout
+  min-height: 200px; /* Ensure consistent height for layout */
 }
 
-// Team member images - target all img tags within gridid
+/* Team member images - target all img tags within gridid */
 #gridid img {
-  // Fixed dimensions for consistent display
+  /* Fixed dimensions for consistent display */
   width: 150px !important;
   height: 150px !important;
-  object-fit: cover; // Maintains aspect ratio, crops if needed
-  object-position: center top; // Focus on face area
+  object-fit: cover; /* Maintains aspect ratio, crops if needed */
+  object-position: center top; /* Focus on face area */
 
-  // Performance optimizations
+  /* Performance optimizations */
   image-rendering: -webkit-optimize-contrast;
   image-rendering: crisp-edges;
 
-  // Smooth loading
+  /* Smooth loading */
   background-color: #f5f5f5;
   transition: opacity 0.3s ease-in-out;
 
-  // Border for consistency
+  /* Border for consistency */
   border: 1px solid #ddd;
   border-radius: 4px;
 
-  // Float and spacing
+  /* Float and spacing */
   float: left;
   margin-right: 20px;
   margin-bottom: 10px;
 }
 
-// Override default img styling from main.scss
+/* Override default img styling from main.scss */
 #gridid .col-sm-6 img {
   margin: 0 20px 10px 0 !important;
   border-radius: 4px !important;
   box-shadow: none !important;
 }
 
-// Lazy loading state
+/* Lazy loading state */
 #gridid img[loading="lazy"] {
   opacity: 0.8;
 }
 
-// Loaded state
+/* Loaded state */
 #gridid img.loaded {
   opacity: 1;
 }
 
-// Responsive adjustments
+/* Responsive adjustments */
 @media (max-width: 768px) {
   #gridid img {
     width: 120px !important;
@@ -193,7 +193,7 @@ body {
   }
 }
 
-// Clearfix for floating images
+/* Clearfix for floating images */
 .team-member::after {
   content: "";
   display: table;