Image not rendering on some devices

Hi, new developer here.

I have an issue where an image I have on app is not showing up on some devices.

The image is: Resources/Assets/logo:

I am using it in my app like:

        ZStack {
            Color.white
                .ignoresSafeArea()
            
            VStack {
                Spacer()
                
              Image("logo")
                
                Spacer()
                
                Text(dateString)
                    .font(.custom("LinLibertine", size: 17))
                    .fontWeight(.bold)
                    .tracking(5)
                    .padding(.bottom, 50)
            }
        }

The image appears fine on all simulators. And also on my real device iPad with A14. But when I run it on iPhone 8 or iPad Air M4, it shows empty space in place of image.

I tried many different options like:

Image("logo")
.renderingMode(.original)
.resizable()
.scaledToFit()
frame(width: 300)
.background(Color.red.opacity(0.3))

But nothing works. What can be the issue?