Swift .overlay() causing data to be displayed incorrectly

Please use Code formatter when you paste code. It makes it so easier to read:

import SwiftUI

struct TopActivityCardView: View {
   // @EnvironmentObject var vm: ViewModel
  @StateObject var vm = ViewModel()
   var timePeriod = ""

   var body: some View {
        ZStack {
        ScrollView{
            ForEach(vm.fetch(), id: .title) { item in
                RoundedRectangle(cornerRadius: 20)
                .foregroundColor(Color.darkBlue)
            .frame(height: 120, alignment: .center)
            .padding(.top, 80)
            .overlay(
                ActivityTitleView(activityTitle: item.title)
            ).overlay(
                ActivityHoursView(workHours: item.timeframes.weekly.current)
            ).overlay(
                ActivityEllipisView()
            ).overlay(
                TimePeriodView(timePeriod: "Last Week", weeklyHrs: item.timeframes.weekly.previous)
              )
            }
          }
        }
     }
}
    
struct TopActivityCardView_Previews: PreviewProvider {
    static var previews: some View {
        TopActivityCardView()
            .environmentObject(ViewModel())
    }
}

// This view causes data on each card to be the same:

struct RectCardView: View {
    var colorArray: [(colorName: Color, imageName: String)] = [(Color.work, "icon-work"), (Color.play, "icon-play"), (Color.study, "icon-study"), (Color.exercise, "icon-exercise"), (Color.social, "icon-social"), (Color.selfCare, "icon-self-care")]
    // @StateObject var vm = ViewModel()
    @ObservedObject var vm = ViewModel()

    var body: some View {
        ZStack{
            ScrollView{
                ForEach(colorArray, id: .imageName) { colorName, imageName in
                    RoundedRectangle(cornerRadius: 20)
                        .foregroundColor(colorName)
                        .frame(height: 110, alignment: .center)
                        .overlay(
                            Image(imageName)
                                .brightness(-0.2)
                                .frame(width: 60, height: 20, alignment: .topLeading)
                                .offset(x: 103, y: -60)
                            
                        ).clipped()
                        .overlay{
                            TopActivityCardView()
                                .padding(.top, -40)
                        }
                        .padding(.top, 20)
                }
            }
        }
    }
}

struct RectCardView_Previews: PreviewProvider {
    static var previews: some View {
        RectCardView()
            .environmentObject(ViewModel())
    }
}

This view causes data on each card to be the same:

What are the data in each card ? Is it the image ?

You do not provide enough code so that we can replicate and analyse the issue, or at least post a screenshot of what you get in both cases.

Maybe it would be more helpful to link to my GitHub project. All the necessary code will be provided. If you want to see the app as a whole, start previews in ContentVIew of the project. Link: RachelRadford21/FEMTimeTrackingDashboard. Sorry, I'm new to all this!