text: const imagesStyles = {
    imgFluid: {
      maxWidth: "100%",
      height: "auto",
      borderRadius: "5px",
    },
    imgRounded: {
      borderRadius: "6px !important"
    },
    imgRoundedCircle: {
      borderRadius: "80% !important"
    },
    imgRaised: {
      boxShadow:
        "0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2)"
    },
    imgGallery: {
      width: "100%",
      marginBottom: "2.142rem"
    },
    imgCardTop: {
      width: "100%",
      borderTopLeftRadius: "calc(.25rem - 1px)",
      borderTopRightRadius: "calc(.25rem - 1px)"
    },
    imgCardBottom: {
      width: "100%",
      borderBottomLeftRadius: "calc(.25rem - 1px)",
      borderBottomRightRadius: "calc(.25rem - 1px)"
    },
    imgCard: {
      width: "100%",
      borderRadius: "calc(.25rem - 1px)"
    },
    imgCardOverlay: {
      position: "absolute",
      top: "0",
      right: "0",
      bottom: "0",
      left: "0",
      padding: "1.25rem"
    }
  };
  
  export default imagesStyles;
  