.directory-item-container{min-width:30%;height:240px;flex:1 1 auto;display:flex;align-items:center;justify-content:center;border:1px solid black;margin:0 7.5px 15px;overflow:hidden;border-radius:.4rem;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5));transition:all .5s ease-out}.directory-item-container:hover{cursor:pointer}.directory-item-container:hover .background-image{transform:scale(1.1);transition:transform 6s cubic-bezier(.25,.45,.45,.95)}.directory-item-container:hover .body{opacity:.9}.directory-item-container.large{height:380px}.directory-item-container:first-child{margin-right:7.5px}.directory-item-container:last-child{margin-left:7.5px}.directory-item-container .background-image{width:100%;height:100%;background-size:cover;background-position:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.directory-item-container .body{height:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid black;background-color:#fffff7;opacity:.9;position:absolute;border-radius:.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.directory-item-container .body h2{font-size:clamp(1.4rem,2vw,2.4rem);margin-bottom:clamp(.6rem,1.2vw,1.5rem);font-family:Style Script,cursive;font-weight:lighter;margin:0 auto;color:#000;text-transform:capitalize;text-shadow:1px 2px 3px rgba(0,0,0,.3)}.directory-item-container .body p{font-weight:300;font-size:clamp(.6rem,.8vw,.8rem);margin:0 auto}.directory-container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}