As imagens em vez de ocupar 100% da tela, mantiveram o padding da esquerda e ultrapassaram o limite da tela do lado direito. Não encontrei o erro no código.
.destaques { background-color: var(--azul-claro);
padding-top: 2.5rem;
padding-bottom: 2rem;}
.destaques__titulo { color: var(--cinza-escuro); font-weight: 700; font-size: 1.5rem; font-family: var(--montserrat); text-transform: uppercase; text-align: center;
margin-bottom: 2rem;}
.destaques__painel { display: flex; flex-direction: column; align-items: center;
margin-bottom: 2rem;}
.destaques__painel-imagem { width: 100vw;
box-shadow: 0 2px 10 px 5px #00000020;
margin-bottom: 5rem;}
