.profil-container {
			width: 65%;
			margin: 0 auto;
		}

		.profil-box {
			display: flex;
			background-color: #f8f8f8;
			border-radius: 8px;
			padding: 20px;
			margin-bottom: 20px;
			align-items: center;
			gap: 20px;
		}

		.profil-box img {
			width: 150px;
			height: 200px;
			/* 3:4 ratio */
			object-fit: cover;
			border-radius: 4px;
		}

		@media (max-width: 768px) {
			.profil-box {
				flex-direction: column;
				align-items: flex-start;
			}

			.profil-box img {
				margin-bottom: 10px;
			}
		}
		.profil-box img {
	cursor: pointer; /* Ubah kursor jadi tangan */
	transition: transform 0.3s ease;
		}

		.profil-box img:hover {
			transform: scale(1.03); /* Efek sedikit membesar saat hover */
		}

		/* Overlay zoom */
		.zoom-overlay {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.8);
			display: none;
			justify-content: center;
			align-items: center;
			z-index: 9999;
			animation: fadeIn 0.4s ease;
		}

		.zoom-overlay img {
			max-width: 90%;
			max-height: 90%;
			border-radius: 8px;
			box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
			cursor: zoom-out;
			opacity: 0;
			transform: scale(0.8);
			animation: zoomIn 0.4s ease forwards;
		}

		/* Animasi fade dan zoom */
		@keyframes fadeIn {
			from {
				background: rgba(0, 0, 0, 0);
			}
			to {
				background: rgba(0, 0, 0, 0.8);
			}
		}

		@keyframes zoomIn {
			from {
				opacity: 0;
				transform: scale(0.8);
			}
			to {
				opacity: 1;
				transform: scale(1);
			}
		}