div.orangeWeb3-customImageFrame {
  margin: 0 !important;
  padding: 1px !important;
  width: auto !important;
  height: auto !important;
  position: relative !important;
  background-color: transparent !important;
  border-radius: 16px !important;
  /* overflow: hidden !important; */
  transition: background-color .3s ease-in-out !important;
}
div.orangeWeb3-standardAspectRatio {
  /* aspect-ratio: 4 / 3 !important; */
}
div.orangeWeb3-widescreenAspectRatio {
  /* aspect-ratio: 16 / 9 !important; */
}
div.orangeWeb3-imageContainer {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  /* position: absolute !important; */
}
img.orangeWeb3-image {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 16px !important;
}
div.orangeWeb3-opacityFilter {
  position: absolute !important;
  top: 1px !important;
  right: 1px !important;
  left: 1px !important;
  bottom: 1px !important;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
  border-radius: 16px !important;
}
img.orangeWeb3-comingSoon {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
div.orangeWeb3-textContainer {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: auto !important;
  position: absolute !important;
  left: 24px !important;
  bottom: 16px !important;
}
span.orangeWeb3-text {
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Verdana' !important;
  font-size: 18px !important;
  color: #f2f2f2 !important;
  font-weight: normal !important;
}
span.orangeWeb3-textHeavy {
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Verdana' !important;
  font-size: 20px !important;
  color: #f2f2f2 !important;
  font-weight: bold !important;
}
div.orangeWeb3-buttonContainer {
  margin: 0 !important;
  padding: 8px 8px 5px 10px !important;
  width: 40px !important;
  height: auto !important;
  position: absolute !important;
  right: 16px !important;
  top: 16px !important;
  background-color: #1c1a1a !important;
  border-radius: 8px !important;
}
svg.orangeWeb3-linkIcon {
  margin: 0 !important;
  padding: 0 !important;
  fill: #f2f2f2 !important;
}
a.orangeWeb3-linkContainer {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  background-color: transparent !important;
}
div.orangeWeb3-customImageFrame:hover {
  background-color: #f3791f !important;
}
div.orangeWeb3-customImageFrame:hover div.orangeWeb3-textContainer span.orangeWeb3-text, div.orangeWeb3-customImageFrame:hover div.orangeWeb3-textContainer span.orangeWeb3-textHeavy {
  color: #f3791f !important;
}
div.orangeWeb3-customImageFrame:hover div.orangeWeb3-buttonContainer {
  background-color: #151313 !important;
}
div.orangeWeb3-customImageFrame:hover div.orangeWeb3-buttonContainer svg.orangeWeb3-linkIcon {
  fill: #f3791f !important;
}