diff --git a/packages/fakeyou.com/src/components/common/SelectionBubblesV2/SelectionBubblesV2.scss b/packages/fakeyou.com/src/components/common/SelectionBubblesV2/SelectionBubblesV2.scss index b5d2f6aec6..f5c1fbdeeb 100644 --- a/packages/fakeyou.com/src/components/common/SelectionBubblesV2/SelectionBubblesV2.scss +++ b/packages/fakeyou.com/src/components/common/SelectionBubblesV2/SelectionBubblesV2.scss @@ -121,7 +121,7 @@ .bubble-text { position: absolute; z-index: 3; - color: white; // Adjust based on your design + color: white; padding-left: 10px; padding-bottom: 5px; text-align: left; @@ -131,7 +131,6 @@ font-size: 14px; } - // Gradient overlay for non-selected state &::after { content: ""; position: absolute; @@ -140,10 +139,9 @@ width: 100%; height: 50%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); - z-index: 2; // Above the image, below the text + z-index: 2; } - // Modify the gradient for the selected state &.selected::after { background: linear-gradient( to top,