SwiftUI infinite heart carousel animation

ScrollHeartViewComponent.swift

import SwiftUI

struct ScrollHeartViewComponent: View {
    @State var isAnimated = false
    
    var body: some View {
        LazyHStack {
            Image(systemName: "heart")
                .font(.system(size: 60))
                .foregroundStyle(.red.opacity(0.5))
            
            Image(systemName: "heart")
                .font(.system(size: 60))
                .foregroundStyle(.red.opacity(0.5))
            
            Image(systemName: "heart")
                .font(.system(size: 60))
                .foregroundStyle(.red.opacity(0.5))
            
            Image(systemName: "heart")
                .font(.system(size: 60))
                .foregroundStyle(.red.opacity(isAnimated ? 0.5 : 1))
                .scaleEffect(isAnimated ? 1 : 1.3)
            
            Image(systemName: "heart")
                .font(.system(size: 60))
                .foregroundStyle(.red.opacity(isAnimated ? 1 : 0.5))
                .scaleEffect(isAnimated ? 1.3 : 1)
            
            Image(systemName: "heart")
                .font(.system(size: 60))
                .foregroundStyle(.red.opacity(0.5))
            
            Image(systemName: "heart")
                .font(.system(size: 60))
                .foregroundStyle(.red.opacity(0.5))
        }
        .offset(x: isAnimated ? -81 : 0)
        .onAppear {
            withAnimation(.easeInOut.repeatForever(autoreverses: false).speed(0.25)) {
                isAnimated = true
            }
        }
    }
}


#Preview {
    ScrollHeartViewComponent()
}