.headings {
  margin-top: 2rem !important;
  /* width: 90vmin; */
  margin: 0 !important;
  padding: 0 !important;
  /* overflow: visible; */
  /* background: red; */
  display: block;
  width: auto;
  color: white;
}

.headings h3 {
  color: rgba(255, 255, 255, 0.411) !important;
}

body {
  background: linear-gradient(rgb(37, 37, 37), black) !important;
}

.about-content {
  padding: 2rem;
  width: 100vmin;
  /* background: rgba(0, 0, 0, 0.3); */
  /* padding: 2rem; */
  border-radius: 0.4rem;
  /* border: solid 1px red; */
}

.about-content h2 {
  font-weight: 600;
  color: white;
}

.about-content p {
  color: rgba(255, 255, 255, 0.8);
}

.image-grid {
  display: grid;
  place-items: center;
  grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
  gap: 10px; /* Adds spacing between images */
  width: 100%; /* Ensures the grid takes the full width */
  background: rgba(255, 255, 255, 0.178);
  padding: 0.5rem;
  /* border: solid 2px rgba(255, 255, 255, 0.253); */
  border-radius: 0.2rem;
}

.about-content img {
  /* border: solid 1px rgb(255, 255, 255); */
  width: 100%; /* Makes the images responsive */
  height: auto; /* Maintains aspect ratio */
  border-radius: 5px; /* Optional: Rounds corners of images */
  box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.1);
  /* min-width: 100; */
  /* width: 100%; */
  /* max-width: 100%; */
  /* height: auto; */
}

.about-content iframe {
  width: 100%;
  min-height: 400px;
}
.about-content button {
  padding: 1rem 2rem;
  border-radius: 0.3rem;
  margin-bottom: 2rem;
}

@media (max-width: 1000px) {
  .image-grid {
    background: transparent;
    grid-template-columns: repeat(1, 1fr);
  }
}