/* 默认样式 */
.header {
    width: 100%;
}

.header .wrapper {
    width: 100%;
    /* 如果需要限制最大宽度，可以使用 max-width */
    max-width: 1080px;
    margin: 0 auto;
}

.header .wrapper img {
    position: relative;
    width: 100%; /* 使用相对单位以自动适配 */
    height: auto; /* 维持宽高比例 */
}

.gif img {
    position: absolute;
    left: 60%; /* 居中对齐 */
    top: 100%;
    transform: translate(-50%, -50%); /* 确保居中 */
    width: 40vw; /* 使用视窗宽度单位以自动适配 */
    height: auto; /* 维持宽高比例 */
}

/* 手机端样式 */
@media (max-width: 768px) {
    .gif img {
        width: 58vw; /* 调整图片大小以适配手机屏幕 */
        height: auto;
        left: 66%;
        top: 48%;
    }
}