selector {
  pointer-events: none;
  width: 500px;
}

selector::after {
  content: "";
  position: absolute;
  left: -105px;
  top: -90px;
  width: 716px;
  height: 716px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; /* o contain según necesites */
  animation: cambio 4s infinite;
}

@keyframes cambio {
  0%, 33% {
    background-image: url("https://practica.jhonnylubo.com/wp-content/uploads/2025/07/caja1.webp");
  }
  33.1%, 66% {
    background-image: url("https://practica.jhonnylubo.com/wp-content/uploads/2025/07/caja2.webp");
  }
  66.1%, 100% {
    background-image: url("https://practica.jhonnylubo.com/wp-content/uploads/2025/07/caja3.webp");
  }
}

/*Tablet*/
@media (min-width:768px) and (max-width:1024px){
    selector {
        width: 60vw;
    }

    selector::after {
        left: -12.5vw;
        top: -9vw;
        width: 85vw;
        height: 85vw;
    }
}

/*Celular*/
@media (max-width:767px){
    selector {
        width: 85vw;
    }

    selector::after {
        left: 0vw;
        top: 0vw;
        width: 85vw;
        height: 85vw;
    }
}