.inGridWrap{width:500px;height:500px;position:relative;display:block}.inGridWrap .btn-image{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border:5px dashed #ced4da;background:white;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:0;pointer-events:none;transition:all .3s ease-in-out}.inGridWrap .btn-image i{font-size:4rem;color:#495057;transition:all .3s ease-in-out}.inGridWrap .btn-image.selected{border:0;pointer-events:inherit}.inGridWrap .btn-image.selected i{display:none}.inGridWrap:hover{cursor:pointer}.inGridWrap:hover .btn-image{border-color:#495057;transition:all .3s ease-in-out}.inGridWrap:hover .btn-image i{color:#13b5ea;transition:all .3s ease-in-out}.inGridWrap.double{width:100% !important;height:12%;margin-bottom:30px}.inGridWrap.single-tall{width:100% !important;height:12%;margin-bottom:30px}.inGridWrap.single-wide{width:100% !important;height:12%;margin-bottom:30px}.inGridWrap.square{width:100% !important;height:12%;margin-bottom:30px}.inGridContentContainer{display:flex;justify-content:flex-end;position:absolute;z-index:3;width:100%;height:100%;top:0;bottom:0;left:0;right:0;flex-direction:column}.inGridContentContainer .icon-image{opacity:0;transition:all .3s ease-in-out}.inGridContentContainer.editable{pointer-events:auto}.inGridContentContainer.editable .icon-image{opacity:1;transition:all .3s ease-in-out}.inGridContentContainer.justify-content-start:after{content:"";height:50%;background:linear-gradient(rgba(0,0,0,0.8),transparent);position:absolute;top:0;left:0;right:0;z-index:1}.inGridContentContainer.justify-content-end:after{content:"";height:50%;background:linear-gradient(transparent,rgba(0,0,0,0.8));position:absolute;bottom:0;left:0;right:0;z-index:1}.inGridContentContainer.justify-content-center:after{content:"";height:100%;background:linear-gradient(transparent,rgba(0,0,0,0.8),transparent);position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.inGridContentContainer .icon-image{position:absolute;z-index:4;top:30px;right:20px;width:30px;height:30px;line-height:30px;background:white;border-radius:50%;text-align:center;transform:translate(0,-50%);transition:all .3s ease-in-out}.inGridContentContainer .icon-image:hover{cursor:pointer;color:white;background:#13b5ea;transition:all .3s ease-in-out}.inGridContent{justify-content:flex-end;box-sizing:border-box;padding:20px;position:relative;z-index:3}.inGridContent h5,.inGridContent p{color:white}.inGridContent:hover{cursor:text}.inGridContent *[contentEditable=true]:focus,.inGridContent *[contentEditable=true]:active{outline:none !important;box-shadow:none !important}@media(min-width:768px){.inGridWrap.double{width:66.6% !important;height:720px;margin-bottom:20px}.inGridWrap.single-tall{width:33.3% !important;height:720px;margin-bottom:20px}.inGridWrap.single-wide{width:66.6% !important;height:350px;margin-bottom:20px}.inGridWrap.square{width:33.3% !important;height:350px;margin-bottom:20px}}@media(min-width:1200px){.inGridWrap.double{width:66.6% !important;height:820px;margin-bottom:20px}.inGridWrap.single-tall{width:33.3% !important;height:820px;margin-bottom:20px}.inGridWrap.single-wide{width:66.6% !important;height:400px;margin-bottom:20px}.inGridWrap.square{width:33.3% !important;height:400px;margin-bottom:20px}}