.carousel-container{position:relative;border:3px solid red;height:500px;width:650px;display:flex;justify-content:center;align-items:center;overflow:hidden}.carousel-media{width:auto;height:100%;object-fit:contain}.media-component.fullscreen .carousel-container{width:100%;height:100%;border:none}.media-component.fullscreen .carousel-media{width:100%;height:100%;object-fit:contain}.arrow{position:absolute;top:50%;transform:translateY(-50%);color:#fff;background-color:#00000080;border-radius:50%;padding:8px;cursor:pointer;z-index:2}.back-arrow{left:10px}.forward-arrow{right:10px}.fullscreen-icon{position:absolute;bottom:10px;right:10px;color:#fff;background-color:#00000080;border-radius:50%;padding:8px;cursor:pointer;z-index:3;transition:background-color .3s ease-in-out}.fullscreen-icon:hover{background-color:#ffffffb3;color:#000}.indicator{position:absolute;top:10px;right:10px;color:#fff;background-color:#00000080;border-radius:5px;padding:5px 10px;font-size:14px;font-family:Arial,sans-serif;z-index:3}@media (max-width: 800px){.carousel-container{height:250px;width:325px;border:3px solid green}}.popup--modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:500}.popup--modal-content{background:#fff;border:1ps solid red;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;width:650px;height:480px}.indicator{position:absolute;top:10px;right:10px;color:#fff;background-color:#00000080;border-radius:5px;padding:5px 10px;font-size:14px;font-family:Arial,sans-serif}