.team-container {
    position: relative;
    width: 100vw;
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dot-container {
    position: relative;
    width: 80%; /* Make the container flexible based on screen size */
    height: 70%; /* Adjust height */

}

.dot {
    position: absolute;
    width: 11vw;
    height: 11vw;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.3s;
}

.dot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Border color classes */
.red-border {
	 border-color: #add6f4;
   
}

.green-border {
    border-color: #235375;
}

.details-popup {
    position: absolute;
    top: 0;
    left: 50px;
    width: 180px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    display: none;
	border-radius: 12px;
}

.details-popup img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.details-popup h3, .details-popup p {
    margin: 5px 0;
}
#member-name {
    text-align: center;
	font-size:14px;
}
#member-role {
    text-align: center;
	font-size:12px;
	color:#000;
}
#member-locations {
    text-align: center;
	font-size:12px;
	color:#000;
}

/* Media Queries for smaller screens */
@media (max-width: 768px) {
    .dot {width: 16vw;height: 16vw;}
    .details-popup {width: 200px;left: 30px;}
	.member-saadia{top: 21% !important;left: -6%!important;}
	.member-carlos{top: 0%  !important;left: 16%!important;}
	.member-elijah{top: 2% !important;left: 38%!important;}
	.member-meradith{top: 65% !important;left: 1%!important;}
	.member-jeff{top:80% !important;left: 26%!important;}
	.member-nate{top: 88% !important;left: 67%!important;}
	.member-shannon{top: 40% !important;left: 77%!important;}
}

@media (max-width: 576px) {
	.team-container{
		width:auto !important;
	}
	#partners{
		padding:40px 0px 150px 0px !important;
	}
	
	.dot {width: 25vw !important;height: 25vw !important;}
	.member-saadia{top: 21% !important;left: -6%!important;}
	.member-carlos{top: 0%  !important;left: 35%!important;}
	.member-meradith{top: 65% !important;left: 0%!important;}
	.member-elijah{top: 19% !important;left: 69%!important;}
	.member-emmitt{top: 47% !important;left: 35%!important;}
	.member-shannon {top: 66% !important;left: 69%!important;}
	.member-jeff{top:115% !important;left: 0%!important;}
	.member-sara{top: 100% !important;left: 36%!important;}
	.member-nate{top: 120% !important;left: 69%!important;}
}

@media (max-width: 480px) {
    .dot {width: 27vw !important;height: 27vw !important;}
    .details-popup {width: 180px;left: 20px;}
	.member-jeff{top:119% !important;left: -5%!important;}
	.member-nate{top: 124% !important;left: 69%!important;}
	.member-meradith{top: 68% !important;left: 0%!important;}
	.member-shannon{top: 68% !important;left: 69%!important;}
}