<style> #carousel { position: relative; width: 100%; margin-bottom: 30%; margin-left: 0; margin-right: 0; background: #FFFFFF; height: 155px; } #slides { overflow: hidden; position: relative; width: 100%; height: 250px; margin-bottom: -70%; } #slides ul { list-style: none; width: 100%; height: 250px; margin: 0; padding: 0; position: relative; } #slides li { width: 100%; height: 250px; float: left; text-align: center; position: relative; font-family: lato, sans-serif; } #slides H1 { font-size: 22px; padding-top: 0px; text-align: center; font-weight: normal; } /* Styling for prev and next buttons */ .btn-bar { width: 60%; margin: 0 auto; display: block; position: relative; top: 40px; } #buttons { ...