/* Styles specific to the image transition */
#capture {
  display: flex;
  width: 100vw;
  height: 100vh;
  position: relative;
  z-index: 1000; /* Garantir que esteja acima de outros elementos */
}

#capture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
}

.base64-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jpg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}