.profile-image img {
  width: 40%;
  height: 40%;
  float: right;
  margin: 20px;
  border-radius: 50%;
  object-fit: cover; 
  border: 3px solid rgb(255 255 255 / 55%);
  opacity: 0;
  animation-delay: 0.5s !important;
  animation: fade-in-up 4s ease-out forwards;
}

.intro--icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
  justify-content: space-between;
  font-size: 3rem !important;
  margin: 1rem;
}

#experience {
	background-color: #000;
	min-height: unset;
}

.experience-fade {
  background-image: url("/assets/images/kali-linux.avif");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
}

.w--100 {
	width: 100% !important;
}

.y-text {
	color: rgb(156 173 70 / 58%);
}

/* Fade-in animation */
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 1024px) {
  .experience-fade {
    background-attachment: fixed;
  }
}

@media (max-width: 480px) {
  .dev-notes1 {
	  display: none !important;
  }
}

@media (min-width: 480px) {
  .pro-flex {
    display: flex;
	  justify-content: space-between;
  }
  .dev-notes2 {
	  display: none !important;
  }
}