/*
images_format.css
*/

.profile-image {
	/*position: relative;*/
	position: absolute;
	bottom: -75px;
	left: 50%;
	transform: translateX(-50%);

	width: 150px;
	height: 150px;
	border-radius: 10%;
	overflow: hidden;
	/*cursor: pointer;*/

	border: 4px solid white;

	/*display: inline-block;
	text-decoration: none;*/
	
}

.profile-image img {
	object-fit: cover;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
}

.profile-image .overlay {
		position: absolute;
		background-color: rgba(0, 0, 0, 0.4); /* dark transparent overlay */
		opacity: 0;
		transition: opacity 0.3s ease;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
	inset: 0;
	pointer-events: none; /*ensures image still clickable*/
	
}

.profile-image:hover .overlay {
  	opacity: 1;
}

.profile-image .overlay-text {
  color: white;
  font-size: 1rem;
  letter-spacing: 1px;
  pointer-events: none;
}

.profile-header {
  position: relative;
  background-color: #f0f0f0; /* gray box */
  height: 100px; /* adjust as needed */
}

.profile-bottom{
	min-height:  100px;
	background-color: #ffffff;
}