.slideshow_button-row {
        display: flex;
        margin: auto;
        width: fit-content;
    }

    .slideshow_button {
        cursor: pointer;
        font-family: 'Cormorant', serif;
        font-size: 2vh;
        color: crimson;
        border: solid 1px crimson;
        padding: 5px 10px;
        display: inline-block;
        margin: 5px;
        width: 150px;
        text-align: center;
        transition: .2s;
        user-select: none;
        -webkit-user-select: none;
    }

    .slideshow_button.slideshow_active {
        color: crimson;
        border: solid 1px crimson;
        background: floralwhite;
    }

    .slideshow-container {
      overflow: hidden;
      height: 55vh;
      margin: 20px auto;
      width: 300px;
    }

    .slideshow {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }

    .slideshow_slide {
      width: 100%;
      flex: 0 0 auto;
    }

    .slideshow_img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .slideshow_button-container {
        display: flex;
        justify-content: space-between;
        margin: auto;
        width: fit-content;
        user-select: none;
        -webkit-user-select: none;
    }

    .slideshow_prev, .slideshow_next {
        cursor: pointer;
        font-family: 'Cormorant', serif;
        color: crimson;
        border: solid 1px crimson;
        padding: 5px 10px;
        font-size: 1.8vh;
        background: transparent;
        margin: auto 6px;
        width: 150px;
        transition: .2s;
    }

    .slideshow_prev:hover, .slideshow_next:hover {
        color: crimson;
        border: solid 1px crimson;
        background: floralwhite;
    }