.image-card-container{width:100%;position:relative;transition:height .3s ease;&.with-border{background:var(--mui-search-field,#f2f3f4);transition:border .2s;&:hover{border:1px solid #17a2b8}}&.grid-mode{height:200px;@media (orientation:portrait){height:109px}@media (max-width:320px) and (orientation:portrait){height:89px}@media (min-width:321px) and (max-width:480px) and (orientation:portrait){height:109px}@media (min-width:481px) and (max-width:600px) and (orientation:landscape){height:28vw}@media (min-width:601px) and (max-width:960px){height:22vw}@media (min-width:961px) and (max-width:1199px){height:20vw}@media (min-width:1200px){height:10vw}}&.list-mode{height:50vh;@media (orientation:portrait){height:200px}@media (orientation:landscape){height:50vh}@media (min-width:321px) and (max-width:480px) and (orientation:portrait){height:250px}@media (min-width:481px) and (max-width:600px) and (orientation:landscape){height:28vw}@media (min-width:601px) and (max-width:960px){height:28vw}@media (min-width:961px) and (max-width:1199px){height:28vw}@media (min-width:1200px){height:20vw}}#image-card-project{width:100%;height:100%;position:relative;cursor:pointer}.not-border{border-radius:0 0 16px 16px!important;@media (orientation:portrait) and (max-width:450px){border-radius:0!important}}}