@media (min-width: 768px) {
     .left-sidebar {
         position: sticky;
         top: 0;
         height: calc(100vh - 0px);
         /* optional padding adjustment */
         overflow-y: auto;
         /* scroll if content is taller */
     }
 }

 .left-sidebar {
     background: #ffffff;
     color: #575757;
 }

 .right-content {
     background: #575757;
 }

 @media (min-width: 768px) {
     .left-content {
         margin-top: 30em;
     }
 }

 .quote {
     text-align: right;
     margin: 40px;
     margin-right: 40px;
 }

 .img {
     border-radius: 10px;
     width: 80%;
     /* maks. 70% width screen  */
     /* max-width: 70vw;  */
     max-height: 70vw;
     /* maks. 70% height screen */
     height: auto;
     /* better screen proption*/
     display: block;
     margin: auto;
     margin-top: 20px;
 }