Jquery 需要帮助创建响应性的两列全高div，其中一个div中包含垂直中心内容，另一个div中包含图像旋转木马吗

我需要创建响应性的两列全高div，右div中包含垂直中心内容，左div中包含图像旋转全高和全宽

在移动和标签屏幕中，应该是这样的-

---

使用引导类col-md-6和col-sm-12进行响应

--或--

在最小屏幕上使用

@媒体

@media (min-width:1200px) {
            #image,#content {
                width: 50%;
                height: 100vh;
            }
        }

@media (min-width:768px) {
            #image{
                width: 100%;
                height: 30vh;
            }
            #content{
                width: 100%;
                height: 100%;
            }
        }

---

欢迎来到SO。请分享您正在使用的代码，以显示您尝试了什么，并明确问题所在。如果不确定如何提问，请阅读以下内容：欢迎来到SO@Shyjumon-Thomas，最好包含您的代码片段或您迄今为止尝试过的部分代码。