.interactive-picture__switch-button {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
}
.rounded-background {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 5;
}
.rounded-foreground {
  top: 0;
  left: 0;
  position: absolute;
  filter: drop-shadow(3px 0 1px rgba(0, 0, 0, .25));
}
.rounded-foreground.active {
  left: auto;
  right: 0;
  filter: drop-shadow(-3px 0 1px rgba(0, 0, 0, .25));
}
.cartouche.grid {
  width: 90%;
  margin: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, auto);
  align-items: center;
  color: rgba(0, 0, 0, 0.7);
  grid-template-areas: "cartouche__row1 cartouche__row1 cartouche__row1 cartouche__row1 cartouche__row1"
 "cartouche__row2--col1 cartouche__row2--col2 cartouche__row2--col2 cartouche__row2--col3 cartouche__row2--col3"
 "cartouche__row3--col1 cartouche__row3--col1 cartouche__row3--col1 cartouche__row3--col1 cartouche__row3--col1"; }

div[class*=cartouche__row]:not(.grid) {
  outline: 1px solid gainsboro;
  padding: .5rem; }

.cartouche__row1 {
  grid-area: cartouche__row1;
  grid-template-columns: 1fr repeat(4, auto);
  align-items: center;
  grid-template-areas: "cartouche__row1--col1 cartouche__row1--col2 cartouche__row1--col3 cartouche__row1--col4 cartouche__row1--col5"; }

.cartouche__row1--col1 {
  grid-area: cartouche__row1--col1; }

.cartouche__row1--col2 {
  grid-area: cartouche__row1--col2; }

.cartouche__row1--col3 {
  grid-area: cartouche__row1--col3; }

.cartouche__row1--col4 {
  grid-area: cartouche__row1--col4; }

.cartouche__row1--col5 {
  grid-area: cartouche__row1--col5; }

.cartouche__row2--col1 {
  grid-area: cartouche__row2--col1; }

.cartouche__row2--col2 {
  grid-area: cartouche__row2--col2; }

.cartouche__row2--col3 {
  grid-area: cartouche__row2--col3; }

.cartouche__row3--col1 {
  grid-area: cartouche__row3--col1; }