.home-container {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  border-color: var(--dl-color-theme-neutral-dark);
  border-width: 1px;
  flex-direction: column;
  background-size: cover;
  justify-content: flex-start;
  background-image: url("public/nxv%20backdrop%20-%20copy-1500w.jpg");
  background-repeat: space;
  background-position: top;
}
 
.home-text {
  top: 554px;
  left: 0px;
  color: #ffffff;
  right: 0px;
  margin: auto;
  position: absolute;
  text-align: center;
}
 
.home-image {
  width: 527px;
  height: 336px;
  object-fit: cover;
}
 
@media(max-width: 1600px) {
  .home-container {
    box-shadow: 5px 5px 10px 0px #d4d4d4;
    background-color: #000000;
  }
  .home-text {
    top: 551px;
    left: 0px;
    color: var(--dl-color-theme-neutral-light);
    right: 0px;
    margin: auto;
    display: block;
    position: absolute;
    text-align: center;
    animation-name: zoomIn;
    animation-delay: 0s;
    animation-duration: 300ms;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  .home-image {
    width: 538px;
    height: 317px;
    animation-name: fadeInDown;
    animation-delay: 0s;
    animation-duration: 300ms;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
}
 
@media(max-width: 1200px) {
  .home-image {
    width: 471px;
    height: 259px;
  }
}
 
@media(max-width: 479px) {
  .home-container {
    background-size: cover;
    background-repeat: space;
    background-position: top;
  }
  .home-text {
    font-size: 33px;
    animation-duration: 450ms;
  }
  .home-image {
    width: 419px;
    animation-duration: 750ms;
  }
}