ul {
    width: fit-content;
    margin: 100px auto;
    list-style: none;
    font-weight: bold;
}
ul li {
    margin: 20px auto;
}
#desctop-div{
    /* border: 2px solid red; */
    display: flex;
    align-items: center;
    background-image: linear-gradient(rgba(0, 0, 255, 0.2), rgba(255, 255, 255, 0.2), rgba(0, 0, 255, 0.2));
}
#desctop-div img {
    max-width: 30%;
}
/* #desctop-div img:first-of-type {
    -webkit-mask-image: linear-gradient(
      to right,
      black 70%,
      transparent 100%
    );  
    mask-image: linear-gradient(
      to right,
      black 70%,
      transparent 100%
    );
}

#desctop-div img:nth-of-type(2) {
    -webkit-mask-image: linear-gradient(
      to left,
      black 70%,
      transparent 100%
    );  
    mask-image: linear-gradient(
      to left,
      black 70%,
      transparent 100%
    );
} */

#mobile-div {
    display: none;
}
#mobile-div img {
    max-width: 100%;
}
@media only screen and (orientation: portrait) {
    #desctop-div {
        display: none;
    }
    #mobile-div {
        display: block;
    }
}