OneGo Solo V2
.carousel-images img { width: 100%; display: none; } .carousel-images img.active { display: block; } .carousel button { position: absolute; width: 5%; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; border: none; cursor: pointer; z-index: 100; } .carousel button.prev { left: 0; } .next { right: 0; } .carousel button:hover { background-color: rgba(0, 0, 0, 0.8); } .onemo-2 { display: block; font-family: Open Sans; } .onemo-2-mobile { display: none; } @media screen and (max-width:980px) { .onemo-2 { display: none; } .onemo-2-mobile { display: block; } } .carousel { position: relative; margin: auto; overflow: hidden; } .onemo-2 h2, h3 { text-transform: capitalize; letter-spacing: 1px; } /***Banner**/ .first-banner { position: relative; min-height: 400px; }