.cs-selfie-wrapper {
  display: none; /* Hide by default */
  text-align: center; /* Center the image */
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}

.cs-selfie-wrapper img {
  max-width: 90%; /* Adjust width for responsiveness */
  height: auto; /* Maintain aspect ratio */
  border-radius: 10%; /* Circular shape */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Slight shadow for effect */
  display: block; /* Ensures proper centering */
  margin: 0 auto; /* Centers the image */
}

@media (max-width: 600px) {
  .cs-selfie-wrapper {
    display: flex; /* Make the wrapper visible */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
  }
}