#homepage-swiper-container {
     width: 100%;
     height: 400px;
     overflow: hidden;

     .swiper-slide {
         box-sizing: border-box;
         display: flex;
         flex-direction: row;
         align-items: center;
         justify-content: flex-start;
         border-radius: 16px;
         overflow: hidden;
         width: 1000px;
         background-color: #242439;

         .left,
         .right {
             box-sizing: border-box;
             position: relative;
             width: 50%;
             /*height: 100%;*/
             align-self: stretch;
             display: flex;
             align-items: center;
             justify-content: center;
         }

         .left {
             .thumbnail {
                 position: relative;
                 width: 100%;
                 height: 100%;

                 img {
                     position: absolute;
                     top: 0;
                     left: 0;
                     width: 100%;
                     height: 100%;
                     object-fit: cover;
                 }
             }
         }

         .right {
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: flex-start;
             padding: 40px 60px calc(40px + 50px) 40px;

             h3 {

                 font-family: "Inter18";
                 font-size: 32px;
                 font-weight: 700;
                 line-height: 38.4px;
                 letter-spacing: -0.02em;
                 text-align: left;
                 text-underline-position: from-font;
                 text-decoration-skip-ink: none;
                 margin-bottom: 12px;
                 margin-top: 12px;
                 color: #FFFFFF;
             }

             p {
                 font-family: "Inter18";
                 font-size: 15px;
                 font-weight: 400;
                 line-height: 22.5px;
                 letter-spacing: -0.02em;
                 text-align: left;
                 text-underline-position: from-font;
                 text-decoration-skip-ink: none;
                 color: #FFFFFF;
                 margin-bottom: 24px;

                 span {
                     color: #ff7001;
                 }
             }

             .bottom {
                position: absolute;
                bottom: 40px;

                 p.jmeno {
                     font-family: "Inter18";
                     font-size: 14px;
                     font-weight: 500;
                     line-height: 19.6px;
                     text-align: left;
                     text-underline-position: from-font;
                     text-decoration-skip-ink: none;
                     color: #FFFFFF;
                     margin-bottom: 8px;
                 }

                 p.datum {
                     font-family: "Inter18";
                     font-size: 13px;
                     font-weight: 400;
                     line-height: 16.9px;
                     letter-spacing: -0.02em;
                     text-align: left;
                     text-underline-position: from-font;
                     text-decoration-skip-ink: none;
                     color: #aaabc2;
                     margin-bottom: 0px;
                 }
             }
         }
     }
 }

 @media screen and (max-width: 1064px) {
     #homepage-swiper-container {
         width: 100%;

         .swiper-slide {
             width: 800px;
         }
     }
 }

 @media screen and (max-width: 864px) {
     #homepage-swiper-container {
         width: 100%;
         /*height: 550px;*/
         height: 580px;

         .swiper-slide {
             flex-direction: column;
             width: 288px;

             .left,
             .right {
                 width: 100%;
                 align-self: auto;
             }

             .left,
             .left .thumbnail {
                 /*height: 200px;*/
                 height: 230px;
             }

             .right {
                 padding: 20px;
                 height: 100%;
                 justify-content: flex-start;

                 h3 {
                     font-family: "Inter18";
                     font-size: 24px;
                     font-weight: 500;
                     line-height: 25.2px;
                     text-align: left;
                     text-underline-position: from-font;
                     text-decoration-skip-ink: none;
                 }

                 p {
                     font-family: "Inter18";
                     font-size: 16px;
                     font-weight: 500;
                     line-height: 24px;
                     text-align: left;
                     text-underline-position: from-font;
                     text-decoration-skip-ink: none;
                     margin-bottom: 24px;
                 }

                 p.jmeno {
                     font-family: "Inter18";
                     font-size: 14px;
                     font-weight: 500;
                     line-height: 19.6px;
                     text-align: left;
                     text-underline-position: from-font;
                     text-decoration-skip-ink: none;
                 }

                 p.datum {
                     font-family: "Inter18";
                     font-size: 13px;
                     font-weight: 400;
                     line-height: 16.9px;
                     letter-spacing: -0.02em;
                     text-align: left;
                     text-underline-position: from-font;
                     text-decoration-skip-ink: none;

                 }
             }
         }
     }
 }