* {
     box-sizing: border-box;
     margin: 0;
 }


 @import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Inconsolata:wght@200..900&family=Libertinus+Sans:ital,wght@0,400;0,700;1,400&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

 h2 {
     justify-self: center;
     padding-top: 80px;
     padding-bottom: 50px;
     font-family: 'Cormorant Garamond', serif;
     font-weight: 600;
     color: #e07a5f;
     font-size: 40px;
     letter-spacing: 1px;
 }

 .carousel {
     position: relative;
     width: 100%;
     max-width: 800px;
     height: 450px;
     overflow: hidden;
     margin: auto;
     border-radius: 12px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
     margin-top: 60px;
     margin-bottom: 60px;
 }

 .slides {
     display: flex;
     width: 100%;
     height: 100%;
     transition: transform 0.5s ease-in-out;
 }

 .slides img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     flex-shrink: 0;
 }

 .buttons {
     position: absolute;
     top: 50%;
     width: 100%;
     display: flex;
     justify-content: space-between;
     transform: translateY(-50%);
 }

 .btn {
     background: transparent;
     color: white;
     border: none;
     padding: 10px;
     cursor: pointer;
     font-size: 20px;
     border-radius: 50%;
     height: 50px;
 }

 .text {
     justify-content: center;
     padding-left: 100px;
     padding-right: 100px;
 }

 div.text p {
     font-size: large;
     font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 }

 @media (max-width: 650px) {
     .text {
         padding-left: 50px;
         padding-right: 50px;
     }
 }

 @media (max-width: 450px) {
     .carousel {
         margin-left: 10px;
         margin-right: 10px;
     }
 }