@media screen {
  .arrowpart {
    background-position: 0 2.3rem;
    background-repeat: no-repeat;
    background-image: url("/assets/frontend/arrow-left-light-2fae86ac.png");
  }
}

@media screen and (max-width: 767px) {
  .arrowpart {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-image: url("/assets/frontend/arrow-top-light-420a9b71.png");
  }
}

@media screen {
  .flag {
    background-repeat: no-repeat;
    background-image: url("/assets/frontend/flags-34a30f37.png");
  }

  .skill-bg {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("/assets/frontend/skills-0628d90c.png");
  }

  .banner .banner-img::after {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("/assets/frontend/banner-small-00c008fb.jpg");
  }
}

@media screen and (min-width: 420px) and (max-width: 767px) {
  .banner .banner-img.visible::after {
    background-image: url("/assets/frontend/banner-medium-5114ae53.jpg");
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .banner .banner-img.visible::after {
    background-image: url("/assets/frontend/banner-large-7bcdd6cb.jpg");
  }
}

@media screen and (min-width: 1024px) {
  .banner .banner-img.visible::after {
    background-image: url("/assets/frontend/banner-7fb71e74.jpg");
  }
}

@media screen {
  .about-me .topmar {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("/assets/frontend/gmmcal-small-964f6f0b.png");
  }
}

@media screen and (min-width: 420px) and (max-width: 767px) {
  .about-me .topmar.visible {
    background-image: url("/assets/frontend/gmmcal-medium-eddfedf3.png");
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .about-me .topmar.visible {
    background-image: url("/assets/frontend/gmmcal-large-ad52723f.png");
  }
}

@media screen and (min-width: 1024px) {
  .about-me .topmar.visible {
    background-image: url("/assets/frontend/gmmcal-efefa40d.png");
  }
}