Javascript 容器大小从左上角开始缩小，并在移动视图中与屏幕左侧对齐

我正在制作一个“联系我们”登录页面，在该页面中，我正在制作一张针对所有屏幕的响应式联系卡

我的卡片布局水平放置在MD屏幕的中心和上方（我使用的是引导），在移动视图中，所包含的卡片粘贴在屏幕的左侧

这里我附上链接

我也在链接

$（“.slick”，“垂直滑块”）.slick({
是的，
垂直滑动：正确，
自动播放：对，
自动播放速度：5000，
幻灯片放映：4，
幻灯片滚动：1
});
*{
字体系列：poppins；
}
身体{
背景色：#FDEFFD！重要；
}
/*************
地图区域
**************/
.联系卡{
背景#88206D；
边框：实心2px#fff；
边界半径：21px；
最小高度：406px；
字体系列：-苹果系统，BlinkMacSystemFont，'Segoe UI'，Roboto，Oxygen，Ubuntu，Cantarell，'Open Sans'，'Helvetica Neue'，Sans serif；
盒影：6px 6px 9px 0px rgba（0,0,0,0.5）；
-网络工具包盒阴影：6px 6px 9px 0px rgba（0,0,0.5）；
-moz盒阴影：6px 6px 9px 0px rgba（0,0,0.5）；
}
.地图{
填充：0！重要；
边界半径：21px 0 0 21px；
-webkit转换：translate3d（0px，0px，0px）；
-webkit遮罩图像：-webkit径向梯度（白色、黑色）；
}
@介质（最大宽度：1024px）{
.地图{
身高：12雷姆；
边界半径：21px 21px 0；
}
.联系卡{
最小高度：36雷姆；
身高：100%；
宽度：100%；
边界：0；
}
地址{
字号：0.85em；
}
.市长{
字号：1rem；
}
}
}
/******************
幻灯片
*******************/
.滑溜式img{
宽度：100%；
}
.垂直滑块{
身高：100%；
右边填充：0！重要；
}
.光滑的img{
盒影：6px 6px 9px 0px rgba（0,0,0,0.5）；
-网络工具包盒阴影：6px 6px 9px 0px rgba（0,0,0.5）；
-moz盒阴影：6px 6px 9px 0px rgba（0,0,0.5）；
}
/**************************
地址描述
***************************/
.map des{
字母间距：1px；
字体大小：14px；
}
地址>.fa{
颜色：#FFCE31；
}
#连接图标{
字体大小：20px；
}
/*钮扣*/
.btn1{
宽度：122px；
高度：38px；
边界半径：2rem！重要；
自我辩护：中心；
显示器：flex；
对齐项目：居中；
证明内容：中心；
光标：指针；
过渡：0.3s；
颜色：#88206D；
盒影：0.3rem 0.3rem 0.6rem var（#777777），-0.2rem-0.2rem 0.5rem var（#fff）；
}
.btn2{
宽度：40px；
高度：38px；
边界半径：2rem！重要；
自我辩护：中心；
显示器：flex；
对齐项目：居中；
证明内容：中心；
光标：指针；
过渡：0.3s；
颜色：#88206D；
盒影：0.3rem 0.3rem 0.6rem var（#777777），-0.2rem-0.2rem 0.5rem var（#fff）；
}
.btn21{
宽度：40px；
高度：38px；
边界半径：2rem！重要；
自我辩护：中心；
显示器：flex；
对齐项目：居中；
证明内容：中心；
光标：指针；
过渡：0.3s；
颜色：#FFCE31；
盒影：0.3rem 0.3rem 0.6rem var（#777777），-0.2rem-0.2rem 0.5rem var（#fff）；
}
.btn__主要{
网格柱：1/2；
网格行：4/5；
背景色：#FFCE31；
盒影：2p2px6px0pxrgba（0,0,0,0.53）；
-网络工具包盒阴影：2px2px6px0pxRGBA（0,0,0,0.53）；
-moz盒阴影：2px2px6px0pxrgba（0,0,0,0.53）；
}
.btn\u主要\u 1{
网格柱：1/2；
网格行：4/5；
边框：2px实心#FFCE31；
盒影：2p2px6px0pxrgba（0,0,0,0.53）；
-网络工具包盒阴影：2px2px6px0pxRGBA（0,0,0,0.53）；
-moz盒阴影：2px2px6px0pxrgba（0,0,0,0.53）；
}
.btn__主：悬停{
颜色：#fff；
背景色：#ff105e；
}
.btn\u主\u 1：悬停{
颜色：#ff105e；
边框：2个实心#ff105e；
}
.btn__主：活动{
盒影：插入0.2rem 0.2rem 1rem var（--主暗），插入-0.2rem-0.2rem 1rem var（--主亮）；
}