vCSS
/*
Theme Name:   Logitech Child 
Theme URI:    (Optional)
Description:  Child theme for Logitech
Author:       [Your Name]
Author URI:   (Optional)
Template:     logitech  
Version:      1.0.0
*/

/* Import parent theme styles */
@import url("../logitech/style.css");

/* ... other CSS code ... */

.board-of-directors {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
  gap: 20px;
}

.board-member {
  text-align: center; /* Center the content within each board member */
}

.member-content {
  display: flex; /* Enable Flexbox for image and text */
  align-items: center; /* Vertically align items */
}

.member-image {
  margin-right: 20px; /* Add space between image and text */
}

.member-image img {
  width: 100px;  /* Set the width to 100px */
  height: 123px; /* Set the height to 123px */
  object-fit: cover; /* Ensure the image covers the area without distortion */
}

/* ... rest of your CSS code ... */

/* ... other CSS code ... */

.board-of-directors {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
  gap: 20px;
}

.board-member {
  display: flex; /* Enable Flexbox for image and text */
  align-items: center; /* Vertically align items */
}

.member-image {
  margin-right: 20px; /* Add space between image and text */
}

.member-image img {
  width: 100px;  /* Set the width to 100px */
  height: 123px; /* Set the height to 123px */
  object-fit: cover; /* Ensure the image covers the area without distortion */
}

.member-info {
  text-align: left; /* Align the text to the left */
}

/* ... rest of your CSS code ... */