.object-fit {
  object-fit: cover;

}

.bg_container .image {
  object-position: 50% 30%;
  object-fit: cover;
  position: absolute;
  width: 100vw;
  height: 100%;
  opacity: 100%;
  image-rendering: pixelated;
}

@media (max-width: 500px) {
  .main-text {
    object-fit: cover;
    position: absolute;
    font-size: 96px;
    font-family: "airstrike";
    color: #ffffff;
    text-align: center;
    bottom: 100px;
    transform: rotate(-25deg);
    opacity: 100%;
    image-rendering: pixelated;
  }
}
@media (min-width: 501px) {
  .main-text {
    object-fit: cover;
    position: absolute;
    font-size: 96px;
    font-family: "airstrike";
    color: #ffffff;
    right: 20px;
    bottom: 120px;
    transform: rotate(-25deg);
    opacity: 100%;
    image-rendering: pixelated;
}
}
@media (min-width: 1499px) {
.main-text {
  object-fit: cover;
  position: absolute;
  font-size: 96px;
  font-family: "airstrike";
  color: #ffffff;
  transform: rotate(-25deg);
  opacity: 100%;
  animation: text-anim 5s infinite;
  text-shadow:5px 5px 0 #ff0077;
}
@keyframes text-anim {
	0% {
		bottom: 250px;
		right: -500px;
    transform: rotate(-25deg);
    opacity: 1;
	}
	30% {
		bottom: 10px;
		right: 80px;
    transform: rotate(-25deg);
    opacity: 1;
	}
  60% {
		bottom: 10px;
		right: 80px;
    transform: rotate(-25deg);
    opacity: 1;
	}
  90% {
    transform: rotate(-25deg);
	}
  100% {
		bottom: -250px;
		right: 500px;
    transform: rotate(-25deg);
	}
}
}