.d0imgbox1 {padding:0px; min-height:0px; display:block; 
background:url(/shared/images/content/bus_54171/Aesthetics-in-Maidstone-Maidstone.webp) ;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.d0imgbox2 {padding:0px; min-height:0px; display:block; 
background:url(/shared/images/content/bus_54171/Aesthetics-in-Maidstone-Bromley.webp) ;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.d0overlaybox {background-color: rgba(0, 0, 0, 0.4); padding: 20px; min-width: 100%; min-height: 350px; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-end; cursor: pointer;
  -moz-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;}
.d0overlaybox p { -moz-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;}

.d0overlaybox:hover {background-color: rgba(255, 255, 255, 0.4);}
.d0overlaybox p:hover{color: #000 !important;}