/*Font for titles*/
@font-face {
  font-family: "Title";
  src: url("./fonts/TERPELDISPLAYV6-Regular.otf");
  font-style: normal;
  line-height: normal;
}

html{
  background: transparent!important;
}

/*Body properties*/
body {
  margin: 0;
  padding: 0;
  width: 1080px;
  height: 1260px;
  overflow: hidden;
  background-size: contain;
  background: transparent!important;
}

.main-content{
  background: transparent!important;
  width: 100%; 
  height: 100%;
  width: 1080px;
  height: 1260px;
}

.image {
  position: absolute;
  animation-duration: 1s;
}

#image-1,
#image-2,
#image-3 {
  left: 50px;
}

p.price {
  font-family: "Title";
  color: #f00;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  z-index: 2;
}

.slidein-left {
  animation-name: slideinLeft;
  animation-duration: 1s; /* Puedes ajustar la duración según tus necesidades */
  animation-timing-function: ease;
}

@keyframes slideinLeft {
  from {
    margin-left: 100%;
  }

  to {
    margin-left: 0%;
  }
}