#containerProcessing {
  position: relative;
  margin: 0 auto;   /* quita el margen fijo, así se centra solo */
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center; /* centra el círculo dentro de la columna */
}


  .center-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  .circle-image {
    position: absolute;
    width: 70px;
    height: 70px;
    object-fit: cover;
    /* sin transform:rotate(...) para mantener verticalidad */
    z-index: 5;
    pointer-events: auto;
  }


    /* Animación base */
  .side-img {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
  }

  /* Estado visible */
  .side-img.show {
    opacity: 1;
    transform: translateY(0);
  }