.left{width: 57%;}
.right{width: 43%;}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
 .left{width: 100%;}.right{width: 100%;}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
 .left{width: 100%;}.right{width: 100%;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
 .left{width: 100%;}.right{width: 100%;}
} 



/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
 .left{width: 100%;}.right{width: 100%;}
}

.marquee {  position: relative;  width: 100vw;  max-width: 100%;  height: 200px;  overflow-x: hidden; } .track {  position: absolute;  white-space: nowrap;  will-change: transform;  animation: marquee 32s linear infinite; } @keyframes marquee {  from { transform: translateX(0); }  to { transform: translateX(-50%); } }