Amp html 显示隐藏图像按钮点击开关绝对和相对位置在安培为电子邮件

我有简单的图像显示/隐藏按钮点击。一切正常，但我想在这个开关下面再潜水一次，我想让这个div受到开关div责任的影响（如果你知道我的意思的话）。现在这个部门处于切换状态。这是否可能使相对div低于绝对值，并且在无固定位置的不同分辨率上它们之间具有相同的裕度

或者，也许这是一种转换我的位置的方式，或者其他方式？我试过了，但图像女巫应该消失在下面，我有两个图像

这是我的密码

<style amp-custom>
.above {

  position: absolute;
  max-width:100%;
  width: 100%;
} 
    
.below {

  position: absolute;
  max-width: 100%;
  width: 100%;
}   
    
    .blank{
      position:relative;
      width:400px;
      height:400px;
      background-color:red;
    }    
    
    
  </style>  

    <div>
      
      <button  style="position: relative; top:420px" on="tap:AMP.setState({ changePhoto: false })">CHANGE PHOTO</button>
      
      <div class="above" style="z-index:2; position:absolute" hidden [hidden]="changePhoto">
      <amp-img layout="responsive" src="https://unsplash.it/400/300" width="400"  height="400">
      </amp-img>
      </div>
    <div class="below" style="z-index:1; position:absolute">
      <amp-img layout="responsive" src="https://unsplash.it/400/400" width="400"  height="400">
      </amp-img>
      </div>              
    </div>
    
 
    <div class="blank">
      
    </div>

.以上{
位置：绝对位置；
最大宽度：100%；
宽度：100%；
} 
.以下{
位置：绝对位置；
最大宽度：100%；
宽度：100%；
}   
.空白{
位置：相对位置；
宽度：400px；
高度：400px；
背景色：红色；
}    
换照片

谢谢