.mosaic {position: absolute;bottom: 0;width: 1920px;height: 100%;display: flex;flex-direction: column;justify-content: flex-end; } .mosaic.right {display: flex;flex-direction: column;align-items: flex-end; } .mosaic .row {height: auto !important; } .mosaic .mo {background: var(--white);width: 6.4285714286rem;height: 6.4285714286rem; } .mosaic .mo.mo-1 {opacity: 1; } .mosaic .mo.mo-29 {opacity: 0.29; } .mosaic .mo.mo-31 {opacity: 0.31; } .mosaic .mo.mo-35 {opacity: 0.35; } .mosaic .mo.mo-44 {opacity: 0.44; } .mosaic .mo.mo-46 {opacity: 0.46; } .mosaic .mo.mo-47 {opacity: 0.47; } .mosaic .mo.mo-48 {opacity: 0.48; } .mosaic .mo.mo-49 {opacity: 0.49; } .mosaic .mo.mo-51 {opacity: 0.51; } .mosaic .mo.mo-53 {opacity: 0.53; } .mosaic .mo.mo-54 {opacity: 0.54; } .mosaic .mo.mo-56 {opacity: 0.56; } .mosaic .mo.mo-68 {opacity: 0.68; } .mosaic .mo.mo-72 {opacity: 0.72; } .mosaic .mo.mo-74 {opacity: 0.74; } .mosaic .mo.mo-77 {opacity: 0.77; } .mosaic .mo.mo-83 {opacity: 0.83; } .mosaic .mo.mo-92 {opacity: 0.92; } .bg-white .mosaic .mo {background: var(--light); } .bg-light .mosaic {transform: rotateX(180deg); }