我想实现进入单身的这个圆球在底图的正中间，根据手机屏幕的不同，第二张图圆形在第一张底图的正中间。

第一张底图的类

.slide-image1 {

  margin-top: 2%;

  margin-bottom: 15%;

  margin-left: 6%;

  border-radius: 20rpx;

  box-shadow: 0px 0px 30rpx rgba(0, 0, 0, .2);

  z-index: 1;

  display:flex;                    

  justify-content: center; 

  align-items:center;  

}

第二张进入单身的圆形图片类

.circle {

width: 100rpx;

height: 100rpx;

border-radius: 50%;

z-index: 1;

position: fixed;

flex-direction: row;

align-self: center;

padding-bottom: 12%;

}