img:not(#homeImage) {
  width: 100%; /* Set the image width to 100% by default */
}

iframe {
  width: 100%;
}

.image-container {
  width: 100%;
  text-align: center;
  justify-content: center;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  img:not(#homeImage) {
    width: 400px; /* Set the image width to 800px for screens wider than 768px */
  }
  iframe {
    width: 400px;
    height: 225px;
  }
  .image-container {
    width: 400px;
  }
}


.image-flexbox {
  display: flexbox;
  text-align: center;
}

h3 {
  color: rgb(3, 198, 214);
}