JSFiddle - React, Tailwind, and code Playground

by kthornbloom

HTML

<div class="product-card__carousel">
								<div>
																																						<img src="https://media.sweetwater.com/api/i/f-webp__w-200__h-200__ha-7928bbb175cc39d7__hmac-6171a2d6b8872106fdce05d98085c270998db1ba/images/items/750/FGX5N-large.jpg.auto.webp" srcset="https://media.sweetwater.com/api/i/f-webp__w-200__h-200__ha-7928bbb175cc39d7__hmac-6171a2d6b8872106fdce05d98085c270998db1ba/images/items/750/FGX5N-large.jpg.auto.webp 200w,https://media.sweetwater.com/api/i/f-webp__w-200__h-200__ha-7928bbb175cc39d7__hmac-6171a2d6b8872106fdce05d98085c270998db1ba/images/items/750/FGX5N-large.jpg.auto.webp 200w,https://media.sweetwater.com/api/i/f-webp__w-300__h-300__ha-7928bbb175cc39d7__hmac-cd577c2b54096d5c0e7f1dd0b9cbf86dbf5b8cea/images/items/750/FGX5N-large.jpg.auto.webp 300w" alt="yamaha red label fgx5 - natural 1">
																													<img data-srcset="https://media.sweetwater.com/api/i/f-webp__w-200__h-200__ha-71e399f594e69338__hmac-c8d8daae60b439d95bbfc78c0ce22ce83fe9daf3/images/closeup/750-FGX5N_angle.jpg.auto.webp 200w,https://media.sweetwater.com/api/i/f-webp__w-200__h-200__ha-71e399f594e69338__hmac-c8d8daae60b439d95bbfc78c0ce22ce83fe9daf3/images/closeup/750-FGX5N_angle.jpg.auto.webp 200w,https://media.sweetwater.com/api/i/f-webp__w-300__h-300__ha-71e399f594e69338__hmac-d94be858bf9947a0b9f89d8c9e25203b423bbf38/images/closeup/750-FGX5N_angle.jpg.auto.webp 300w" alt="yamaha red label fgx5 - natural 2" src="https://media.sweetwater.com/api/i/f-webp__w-200__h-200__ha-71e399f594e69338__hmac-c8d8daae60b439d95bbfc78c0ce22ce83fe9daf3/images/closeup/750-FGX5N_angle.jpg.auto.webp">
																													<img data-srcset="https://media.sweetwater.com/api/i/f-webp__w-200__h-200__ha-d2f9df69a0517474__hmac-66587fc1e581f8048c701712210d5dbc0fdebc59/images/closeup/750-FGX5N_front.jpg.auto.webp...