.profile-body .buttons display: flex; justify-content: center; gap: 0.8rem;
.profile-card img width: 100%; height: auto; aspect-ratio: 1/1; /* keeps a square shape even if the source isn’t square */ object-fit: cover; dr viraf j dalal face
.profile-body .btn display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.45rem 0.9rem; font-size: 0.85rem; text-decoration: none; border-radius: 6px; background: var(--primary); color: #fff; transition: background 0.2s; .profile-body .buttons display: flex
.profile-body .btn:hover background:var(--primary-hover,#004999); If you have a URL that always points to the latest public photo (e.g., a Google‑Drive share link, a cloud bucket, or an institutional directory), you can fetch it programmatically and store it locally for later use. .profile-card img width: 100%
.profile-body .buttons display: flex; justify-content: center; gap: 0.8rem;
.profile-card img width: 100%; height: auto; aspect-ratio: 1/1; /* keeps a square shape even if the source isn’t square */ object-fit: cover;
.profile-body .btn display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.45rem 0.9rem; font-size: 0.85rem; text-decoration: none; border-radius: 6px; background: var(--primary); color: #fff; transition: background 0.2s;
.profile-body .btn:hover background:var(--primary-hover,#004999); If you have a URL that always points to the latest public photo (e.g., a Google‑Drive share link, a cloud bucket, or an institutional directory), you can fetch it programmatically and store it locally for later use.