.elementor-274 .elementor-element.elementor-element-cbfd0a9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-74dbc29 */<link rel="stylesheet" href="https://cdn.knightlab.com/libs/juxtapose/latest/css/juxtapose.css">
<script src="https://cdn.knightlab.com/libs/juxtapose/latest/js/juxtapose.min.js"></script>

<div id="comparador" class="juxtapose" style="max-width: 800px; margin: auto;">
  <img src="https://SEUSITE.com.br/imagem-antes.jpg" data-label="Antes" />
  <img src="https://SEUSITE.com.br/imagem-depois.jpg" data-label="Depois" />
</div>/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-cbfd0a9 */.elementor-274 .elementor-element.elementor-element-cbfd0a9 {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 20px;
}
.elementor-274 .elementor-element.elementor-element-cbfd0a9::-webkit-scrollbar {
  display: none;
}/* End custom CSS */