/*
*/ .carousel-banner { position: relative; background-size: cover; background-position: center; height: 400px; color: white; display: flex; align-items: center; justify-content: flex-start; /* Zarovná obsah doľava */ max-width: auto; } .carousel-banner::before { content: ""; position: absolute; top: 20%; left: 25%; right: 25%; bottom: 20%; z-index: 0; } .carousel-banner h2 { font-size: 16px; margin-bottom: 15px; color: white; } .carousel-banner p { font-size: 20px; margin-bottom: 25px; color: white; } .custom-carousel { position: relative; background-size: cover; background-position: center; padding: 50px 20px; height: 640px; color: white; display: flex; align-items: center; justify-content: flex-start; /* Zarovná obsah doľava */ } .carousel-content { position: relative; z-index: 1; text-align: left; /* Text zarovnaný doľava */ max-width: 90%; /* Obmedzená šírka textu pre lepšiu čitateľnosť */ padding-left: 100px; padding-bottom: 50px; } .custom-carousel::before { content: ""; position: absolute; top: 20%; left: 25%; right: 25%; bottom: 20%; background-color: rgba(0, 0, 0, 0); /* Tmavý prekryv pre lepšiu čitateľnosť textu */ z-index: 0; } .custom-carousel h2 { margin-bottom: 15px; color: white; font-family: Arial !important; font-size: 100px; } .btn.btn-primary { padding: 10px 20px; font-size: 16px; text-transform: uppercase; border-radius: 5px; color: black; font-weight: bold } @media screen and (max-width: 1024px) { .custom-carousel h2 { font-size: 50px; } } @media screen and (max-width: 768px) { .custom-carousel { height: 640px; } } @media screen and (max-width: 767px) { /* .carousel-banner { height: 400px; } */ /* .carousel-banner::before { content: ""; position: absolute; top: 10%; left: 5%; right: 5%; bottom: 20%; z-index: 0; } */ .carousel-banner h2 { font-size: 30px; margin-bottom: 15px; color: white; } .carousel-banner p { font-size: 20px; margin-bottom: 25px; color: white; } } /* */