Is it possible to make an sliding img animation continuous at a faster rate?

I am trying to do something like this

.image_wrap {
   width:580px;
   height:260px;
   overflow:hidden;
}
.image_wrap img {
        width:100%;
        height:100%;
        transform:scale(1.2);
        -webkit-animation: 1s slideImg linear infinite;
        animation: 1s slideImg linear infinite;
    }
    
    @-webkit-keyframes slideImg {
        from { transform: translateY(100%); }
        to { transform: translateY(-100%); }
    }
    @keyframes slideImg {
        from { transform: translateY(100%); }
        to { transform: translateY(-100%); }
    }

but I am trying to make it so the there isn’t a white space between repetitions. Is this possible?

To be honest I’ve only tried a few things but the latest thing I was planning on trying is to use the background-img and set that in a separate div and try animating that?