.postbox-upload { max-width: 200px; } .postbox-upload-multiple .custom-img-container img { width:200px; padding-right:5px; padding-bottom:5px; float:left; } .winter_mvc-media { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; margin: -10px -10px; } .winter_mvc-media .winter_mvc-media-card { flex: 0 0 calc(100% / 5); padding: 10px 10px; position: relative; box-sizing: border-box; height: 180px; cursor: pointer; } .winter_mvc-media .winter_mvc-media-card .remove, .winter_mvc-media .winter_mvc-media-card { cursor: pointer; } .winter_mvc-media .winter_mvc-media-card .thumbnail { width: 100%; height: 100%; object-fit: cover; box-shadow: inset 0px 0 0 0px rgba(0, 0, 0, 0.1); padding: 0; padding: 0; border: 1px solid #c3c4c7; } .winter_mvc-media .winter_mvc-media-card .remove { position: absolute; right: 15px; top: 21px; text-decoration: none; font-size: 16px; line-height: 1; width: 18px; height: 18px; overflow: hidden; } .winter_mvc-media .winter_mvc-media-card .remove::before, .winter_mvc-media .winter_mvc-media-card .remove::after { content: ""; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: rgba(255, 255, 255, 0.79); border-radius: 5px; height: 3px; margin-top: -4px; transition: all .2s; } .winter_mvc-media .winter_mvc-media-card .remove:hover::before, .winter_mvc-media .winter_mvc-media-card .remove:hover::after { background: black; } .winter_mvc-media .winter_mvc-media-card .remove::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .winter_mvc-media .winter_mvc-media-card .remove::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }