we don't talk about underscores

src/components/helpers/carousel/Carousel.jsx

@@ -52,7 +52,7 @@ export default function EmblaCarousel({ data }) {
         <div className="carousel_container">
           {data.map((photo, index) => (
             <div className="carousel_slide" key={index}>
-              <div className="carousel_slide__inner">
+              <div className="carousel_slide_inner">
                 <img
                   src={photo.url.default}
                   alt="Marketplace example screenshot"

src/components/helpers/carousel/carousel.scss

@@ -42,7 +42,7 @@
   }
 }
 
-.carousel_slide__inner {
+.carousel_slide_inner {
   position: relative;
   overflow: hidden;
   height: 190px;