.carousel{z-index:-9999;display:flex;align-items:center;justify-content:space-between;width:100%;height:800px;margin:6rem 0;background-image:url("../../assets/images/photos/belvoir-castle.webp");background-repeat:no-repeat;background-size:auto 100%;background-position:center center;}@media screen and (max-width:750px){.carousel{height:500px;}}@media screen and (max-width:450px){.carousel{height:400px;}}.carousel button{display:flex;align-items:center;justify-content:center;height:64px;width:64px;border:none;background-color:var(--four);cursor:pointer;margin-left:1rem;margin-right:1rem;border-radius:10px;box-shadow:3px 3px 3px rgba(0,0,0,0.5);}@media screen and (max-width:500px){.carousel button{height:40px;width:40px;font-size:25px;}}.carousel button img{width:70%;}