.circle-image {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  object-fit: cover;
}
.p-name {
  display: none;
}
.index-parent {
  display: inline-flex; /* Ensures elements are aligned on the same line */
  align-items: center; /* Vertically aligns the image and text */
}
footer {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #333;
  background-image: linear-gradient(
    to left,
    #e58ff4 0%,
    #bbffa0 50%,
    #ffb3a0 100%
  );
}