<style> #transitions { position:relative; height: 218px; margin-bottom: 20px; } #transitions img { position:absolute; } #transitions img.top { animation-name: fade; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 2s; animation-direction: alternate; } @keyframes fade { 0% { opacity: 1; } 25% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 0; } } </style> <img src="https://d1vm3mict4s80n.cloudfront.net/xz/s3cdn/GlobalContent/acuvue-transitions.jpg" class="responsive" alt="Acuvue Transitions" style="max-width: 340px; margin: 15px 0;"/> <div id="transitions"> <img src="https://d1vm3mict4s80n.cloudfront.net/xz/s3cdn/GlobalContent/AOT2.jpg" class="responsive bottom" alt="Acuvue Transitions Dark" style="max-width: 340px;"/> <img src="https://d1vm3mict4s80n.cloudfront.net/xz/s3cdn/GlobalContent/AOT1.jpg" class="responsive top" alt="Acuvue Transitions Light" style="max-width: 340px;"/> </div> <p style="font-size: 80%">WARNING: UV-absorbing contact lenses are NOT substitutes for protective UV-absorbing eyewear.</p>