.navbar-item {
  display: inline-flex;
  align-items: center;
  height: 100%;
  text-align: center;
  justify-content: center;
  width: 80px; /* Adjust this value based on your needs */
}

@media (min-width: 1440px) {
  .product-image-container {
    width: 90%;
  }
}

@media 
(-webkit-min-device-pixel-ratio: 2) and (min-width: 1440px),
(min-resolution: 192dpi) and (min-width: 1440px) {
  .product-image-container {
    width: 90%;  /* Slightly smaller for retina to ensure crisp edges */
  }
}

@media 
(-webkit-min-device-pixel-ratio: 3) and (min-width: 1440px),
(min-resolution: 288dpi) and (min-width: 1440px) {
  .product-image-container {
    width: 60%;  /* Even smaller for 3x retina displays */
  }
}