Correções em Corrosseis de imagens

O primeiro carrosel funciona da seguinte maneira: ele rola automáticamente da direita para e esquerda, e se o usuário passar o mouse sobre qualquer uma das imagens do primeiro carrosel, o carrosel fica estático até que volta a se mover após 1,7 segundos de inatividade do usuário. Para mobile esse comando não funciona bem, ele funciona somente no primeiro deslize do dedo do usuário sobre a imagem; caso o usuário fique inativo por 1,7 segundos, o carrosel volte a rolar e o usuário estacionar o dedo sobre qualquer imagem do primeiro carrosel, o carrosel continuará rolando.

Se o usuário clicar sobre qualquer uma das imagens do primeiro carrosel, ele vai abrir um popup que é único daquela imagem, neste popup há um novo carrosel de imagens com descrição abaixo das imagens. Este carrosel é sensível a velociadade de rolagem para os lados, ou seja; uma deslizada do dedo do usuário para o lado na primeira imagem que aparece dentro do carrosel, pode fazer com que rapidamente vá para a ultima imagem do carrosel

eu preciso que independente da intensidade do movimento do dedo do usuário sobre qualquer uma das imagens do segundo carrosel, ele movimente para a imagem que está ao seu lado.


Quando um dos popups é aberto pela primeira vez, o primeiro carrosel fica estático até que o popup seja fechado, após o fechamento do popup o primeiro carrosel permanece estático até que volte a se mover passados 1,7 de inatividade do usuário. Este comando só funciona para a primeira abertura e fechmanto do popup; caso o usuário abra um popup, feche e em seguida abra outro popup ou até o mesmo popup, o primeiro carrosel ficará estático somente por 1,7 segundos, em seguida volta a rolar automáticemetne por trás do popup

eu preciso que ao ser aberto qualquer um dos popups e independente da quantidade de vezes que um popup é aberto e fechado, eu preciso que o primeiro carrosel permaneça estático até que o popup seja fechado, após o fechamento do popup o primeiro carrosel permanece estático até que volte a se mover passados 1,7 de inatividade do usuário.

Eu preciso que ao usuário efetuar o movimento de deslize para as laterais do carrosel, que ele deixe de se comportar como um carrosel que se move de forma automática e passe a se comportar como um carrosel que se movimenta de forma manual. Independente da velocidade de deslize para a lateral na imagem do primeiro carrosel, deve-se mostrar a imagem ao lado, é errado que ao deslizar para o lado com velociadade ele vá para a outra imagem que não seja a imagem ao seu lado. Caso o usuário pase 3 seundos sem emitir qualquer tipo de toque sobre qualquer imagem do primeior carrosel, ele deve voltar a funcionar de forma automática.
Obs: ao deslizar para os lados, deve-se haver um limite, o carrosel não pode deslizar da direita para a esquerda ao chegar na sua ultima imagem, e também não pode deslizar da esquerda para a direita estando na sua primeira imagem. As imagens dentro do carrosel precisam estar centralizadas em relação a landing page.


<Mission>
1- corrigir o funcionamento do comando que para o carrosel para mobile quando o usuário estaciona o dedo sobre qualquer uma das imagens do primeiro carrosel

2- eu preciso que independente da intensidade do movimento do dedo do usuário sobre qualquer uma das imagens do segundo carrosel, ele movimente para a imagem que está ao seu lado.

3- eu preciso que ao ser aberto qualquer um dos popups e independente da quantidade de vezes que um popup é aberto e fechado, eu preciso que o primeiro carrosel permaneça estático até que o popup seja fechado, após o fechamento do popup o primeiro carrosel permanece estático até que volte a se mover passados 1,7 de inatividade do usuário.


4- eu preciso que ao usuário efetuar o movimento de deslize para as laterais do carrosel, que ele deixe de se comportar como um carrosel que se move de forma automática e passe a se comportar como um carrosel que se movimenta de forma manual. Independente da velocidade de deslize para a lateral na imagem do primeiro carrosel, deve-se mostrar a imagem ao lado, é errado que ao deslizar para o lado com velociadade ele vá para a outra imagem que não seja a imagem ao seu lado. Caso o usuário pase 3 seundos sem emitir qualquer tipo de toque sobre qualquer imagem do primeior carrosel, ele deve voltar a funcionar de forma automática.
Obs: ao deslizar para os lados, deve-se haver um limite, o carrosel não pode deslizar da direita para a esquerda ao chegar na sua ultima imagem, e também não pode deslizar da esquerda para a direita estando na sua primeira imagem. As imagens dentro do carrosel precisam estar centralizadas em relação a landing page.

No segundo carrosel, também não consigo inserir vídeos do youtube. preciso disso