.containers{
        position: relative; /* 设置容器为相对定位 */
        width: 100%;
        height: 100%;
    }
    
    img.top {
        z-index: 1; /* 设置第一张图片的显示顺序为最高 */
    }
    @media (max-width: 480px)  {
img.bottoms {
    position: absolute;
    top: 70%;
    left: 7%;
    width: 7%;
    height: 30%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
    
    
    }
    @media (min-width: 769px) {
    /* 添加适合电脑或平板设备的样式 */
/* 设置第二张图片为绝对定位 */
img.bottoms {
    position: absolute;
    top: 65%;
    left: 7%;
    width: 150px;
    height: 150px;
    transform: translate(-50%, -50%);
    z-index: 2;

    }
    }